/* Print Prep Lab — UX redesign v101
   English-first public experience, progressive-disclosure professional workspace. */
:root{
  --ppl-navy:#071a33;
  --ppl-navy-2:#0d2f5d;
  --ppl-blue:#2f6feb;
  --ppl-blue-2:#1f5fd3;
  --ppl-cyan:#0e9db5;
  --ppl-green:#14866d;
  --ppl-cream:#f6f3eb;
  --ppl-bg:#f5f7fb;
  --ppl-card:#ffffff;
  --ppl-text:#102a43;
  --ppl-muted:#5d6f82;
  --ppl-line:#dbe3ec;
  --ppl-shadow:0 14px 38px rgba(7,26,51,.10);
  --ppl-shadow-hover:0 20px 52px rgba(7,26,51,.16);
  --ppl-radius:18px;
  --ppl-radius-sm:12px;
  --ink:#102a43;
  --ink-2:#334e68;
  --muted:#60758a;
  --line:#dbe3ec;
  --paper:#f5f7fb;
  --cyan:#0e9db5;
  --cyan-dark:#087e92;
  --cyan-soft:#e7f8fb;
}
html{background:var(--ppl-bg)}
body{background:var(--ppl-bg);color:var(--ppl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
body *{scroll-margin-top:92px}
.shell{width:min(1240px,100% - 40px)}

/* Header */
.site-header{background:rgba(7,26,51,.97)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 8px 28px rgba(7,26,51,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{min-height:72px;gap:22px}
.site-header .brand,.site-header .main-nav,.site-header .main-nav a{color:#fff!important}
.site-header .brand b{color:#71d7e5!important}
.site-header .brand-mark{border-color:#fff!important}
.site-header .brand-mark i{border-color:#3ec6dc!important}
.site-header .main-nav{gap:22px}
.site-header .main-nav a{opacity:.82;position:relative;transition:opacity .18s ease,color .18s ease}
.site-header .main-nav a:hover,.site-header .main-nav a.active,.site-header .main-nav a[aria-current="page"]{opacity:1;color:#fff!important}
.site-header .main-nav a:after{content:"";height:2px;background:#5ed3e4;position:absolute;left:0;right:100%;bottom:-9px;border-radius:2px;transition:right .18s ease}
.site-header .main-nav a:hover:after,.site-header .main-nav a.active:after,.site-header .main-nav a[aria-current="page"]:after{right:0}
.header-action{background:var(--ppl-blue)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(47,111,235,.27)!important;padding:10px 16px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.header-action:hover{background:var(--ppl-blue-2)!important;transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(47,111,235,.36)!important}
.header-action:active{transform:translateY(0)!important;box-shadow:0 5px 13px rgba(47,111,235,.25)!important}

/* Language selector */
.ppl-lang-wrap{display:flex;align-items:center;gap:7px;margin-left:auto}
.ppl-lang-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ppl-lang-select{min-height:38px;padding:0 30px 0 11px;border:1px solid rgba(255,255,255,.20);border-radius:9px;background:#ffffff12;color:#fff;font-size:12px;font-weight:760;outline:none;appearance:auto}
.ppl-lang-select:hover,.ppl-lang-select:focus{background:#ffffff1d;border-color:#62d5e5}
.ppl-lang-select option{color:#102a43;background:#fff}
.ppl-pro-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff10;color:#fff;font-size:20px;line-height:1}

/* Public landing */
.hero{min-height:auto!important;margin-top:28px!important;margin-bottom:34px;padding:72px 64px 68px!important;border:1px solid #dce5ef;border-radius:28px;background:
 radial-gradient(circle at 87% 18%,rgba(47,111,235,.15),transparent 30%),
 radial-gradient(circle at 68% 95%,rgba(14,157,181,.10),transparent 32%),
 linear-gradient(145deg,#fff 0%,#fbfdff 62%,#f2f7ff 100%);
 box-shadow:var(--ppl-shadow);overflow:hidden}
.hero:before{opacity:.12!important;background-size:38px 38px!important;mask-image:linear-gradient(90deg,transparent 20%,#000 70%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 70%,#000 100%)!important}
.hero-copy{max-width:820px!important;margin-top:18px!important}
.hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(48px,6.8vw,82px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:820!important;max-width:850px}
.hero h1 em{font-style:normal!important;color:var(--ppl-blue)!important}
.hero-copy>p{max-width:690px!important;font-size:18px!important;color:#476075!important;line-height:1.72!important;margin-top:25px!important}
.hero-note{display:none!important}
.hero-actions{gap:11px!important;margin-top:28px!important}
.button,.manager-link,.preset-row button,.plan-manager-controls button{border-radius:10px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}
.button{border:1px solid #cbd7e4!important;min-height:48px!important;padding:0 20px!important;gap:16px!important}
.button.primary,.button.button-primary{background:var(--ppl-blue)!important;border-color:var(--ppl-blue)!important;color:#fff!important;box-shadow:0 9px 22px rgba(47,111,235,.24)!important}
.button.primary:hover,.button.button-primary:hover{background:var(--ppl-blue-2)!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(47,111,235,.32)!important}
.button.secondary,.button.button-secondary{background:#fff!important;border-color:#d4deea!important;color:var(--ppl-text)!important;box-shadow:0 5px 14px rgba(7,26,51,.06)!important}
.button.secondary:hover,.button.button-secondary:hover{border-color:#aac0d7!important;transform:translateY(-2px);box-shadow:0 12px 24px rgba(7,26,51,.11)!important}
.button:active,.manager-link:active{transform:translateY(0)!important;box-shadow:none!important}
.trust-row{gap:18px!important;color:#61778c!important}
.trust-row span{background:#f7fafc;border:1px solid #e2e9f1;border-radius:999px;padding:6px 10px}

/* Cards and sections */
.checker-section{margin-top:0!important}
.lab-shell,.standalone-tool,.format-fit-panel,.quick-answer,.fact-panel{border-radius:var(--ppl-radius)!important;overflow:hidden;box-shadow:0 10px 30px rgba(7,26,51,.07)}
.section{padding-block:72px!important}
.section-heading h2,.hub-section-title h2,.section-head h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.045em!important;font-weight:800!important}
.home-path-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;border:0!important}
.home-path-grid>a{min-height:235px!important;border:1px solid var(--ppl-line)!important;border-radius:16px!important;background:#fff!important;padding:27px!important;box-shadow:0 8px 24px rgba(7,26,51,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.home-path-grid>a:hover{transform:translateY(-5px);box-shadow:var(--ppl-shadow-hover);border-color:#9db8d6!important}
.home-path-grid>a span{display:inline-flex;background:#edf4ff;color:#285fbb;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}
.home-path-grid>a h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:790!important;font-size:24px!important;letter-spacing:-.035em!important}
.home-path-grid>a b{color:var(--ppl-blue)!important}
.size-card,.index-card,.guide-topic-grid>a,.hub-task-grid>a,.tools-list a,.support-card,.tool-card,.production-grid article,.path-grid article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#fff}
.size-card:hover,.index-card:hover,.guide-topic-grid>a:hover,.hub-task-grid>a:hover,.tools-list a:hover,.support-card:hover,.tool-card:hover,.production-grid article:hover,.path-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(7,26,51,.11);z-index:2}
input,select,textarea{border-radius:9px!important}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(47,111,235,.14)!important;border-color:#6c9ff4!important;box-shadow:0 0 0 1px #6c9ff4!important}

/* Professional workspace shell */
body.ppl-professional{--ppl-sidebar-w:248px;background:#f3f6fb}
body.ppl-professional main{margin-left:var(--ppl-sidebar-w);transition:margin .2s ease}
.ppl-pro-sidebar{position:fixed;z-index:39;top:72px;bottom:0;left:0;width:var(--ppl-sidebar-w);overflow:auto;background:#081a33;color:#dce7f5;border-right:1px solid rgba(255,255,255,.08);padding:18px 14px 30px;box-shadow:8px 0 28px rgba(7,26,51,.12)}
.ppl-pro-sidebar .ppl-side-title{display:block;padding:8px 10px 14px;color:#78d8e6;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.ppl-side-nav{display:grid;gap:4px}
.ppl-side-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 11px;border-radius:9px;color:#dce7f5;font-size:13px;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}
.ppl-side-nav a:hover{background:#ffffff12;color:#fff;transform:translateX(2px)}
.ppl-side-nav a.active{background:linear-gradient(90deg,#2f6feb,#316dd2);color:#fff;box-shadow:0 8px 18px rgba(47,111,235,.28)}
.ppl-side-nav .side-sep{height:1px;background:#ffffff14;margin:8px 5px}
.ppl-side-nav .side-label{padding:8px 10px 4px;color:#7f96ae;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
body.ppl-professional main>.shell,body.ppl-professional main .shell{width:min(1120px,100% - 40px)}
body.ppl-professional .ws-hero{margin-top:26px;padding:44px 38px!important;border:1px solid var(--ppl-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:var(--ppl-shadow)}
body.ppl-professional .ws-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(42px,5vw,66px)!important;font-weight:820!important;letter-spacing:-.055em!important;line-height:1!important}
body.ppl-professional .ws-hero h1 em{font-style:normal;color:var(--ppl-blue)}
body.ppl-professional .local-state{border:1px solid var(--ppl-line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 8px 24px rgba(7,26,51,.06)}
body.ppl-professional .tool-grid,body.ppl-professional .production-grid,body.ppl-professional .path-grid{border:0!important;gap:14px!important;background:transparent!important}
body.ppl-professional .tool-card,body.ppl-professional .production-grid article,body.ppl-professional .path-grid article,body.ppl-professional .support-card{border:1px solid var(--ppl-line)!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(7,26,51,.055)!important}
body.ppl-professional .tool-card:hover,body.ppl-professional .production-grid article:hover,body.ppl-professional .path-grid article:hover,body.ppl-professional .support-card:hover{border-color:#afc5dc!important;box-shadow:0 16px 34px rgba(7,26,51,.12)!important}

/* Workspace: keep the first choices obvious, place depth behind one control */
.ppl-workspace-launcher{width:min(1120px,100% - 40px);margin:22px auto 52px}
.ppl-launch-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
.ppl-launch-head h2{margin:5px 0 0;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;line-height:1.05}
.ppl-launch-head p{max-width:530px;margin:0;color:var(--ppl-muted)}
.ppl-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ppl-launch-card{display:flex;flex-direction:column;min-height:190px;padding:22px;border:1px solid var(--ppl-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(7,26,51,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ppl-launch-card:hover{transform:translateY(-4px);border-color:#a7bed8;box-shadow:0 17px 36px rgba(7,26,51,.12)}
.ppl-launch-card small{color:var(--ppl-blue);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ppl-launch-card strong{margin-top:12px;font-size:20px;letter-spacing:-.03em}
.ppl-launch-card span{margin-top:8px;color:var(--ppl-muted);font-size:13px;line-height:1.5}
.ppl-launch-card b{margin-top:auto;padding-top:18px;color:var(--ppl-blue);font-size:12px}
.ppl-advanced-toggle-wrap{text-align:center;margin:-30px auto 55px;width:min(1120px,100% - 40px)}
.ppl-advanced-toggle{min-height:46px;padding:0 18px;border:1px solid #c7d4e3;border-radius:10px;background:#fff;color:var(--ppl-text);font-weight:760;box-shadow:0 7px 18px rgba(7,26,51,.06)}
.ppl-advanced-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(7,26,51,.11)}
body.ppl-workspace:not(.ppl-show-advanced) .ppl-advanced-section{display:none!important}

/* Mobile */
@media (max-width:1100px){
  body.ppl-professional main{margin-left:0}
  .ppl-pro-sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(7,26,51,.24)}
  body.ppl-sidebar-open .ppl-pro-sidebar{transform:translateX(0)}
  .ppl-pro-toggle{display:inline-flex}
  .ppl-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .site-header .main-nav{display:none!important}
  .header-inner{gap:10px}
  .ppl-lang-wrap{margin-left:auto}
  .hero{padding:54px 34px 50px!important;border-radius:22px!important}
  .home-path-grid{grid-template-columns:1fr!important}
  .home-path-grid>a{min-height:auto!important}
}
@media (max-width:640px){
  .shell{width:min(100% - 24px,1240px)}
  .site-header .brand span:last-child{white-space:nowrap}
  .header-inner{min-height:64px!important}
  .header-action{display:none!important}
  .ppl-lang-select{width:64px;padding-left:8px;padding-right:5px}
  .hero{margin-top:14px!important;padding:40px 22px 38px!important;border-radius:18px!important}
  .hero h1{font-size:clamp(42px,13vw,58px)!important}
  .hero-copy>p{font-size:16px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .button{width:100%}
  .trust-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .trust-row span{width:max-content;max-width:100%}
  .ppl-pro-sidebar{top:64px;width:min(86vw,300px)}
  .ppl-workspace-launcher{width:min(100% - 24px,1120px);margin-top:16px}
  .ppl-launch-head{display:block}
  .ppl-launch-head p{margin-top:10px}
  .ppl-launch-grid{grid-template-columns:1fr}
  body.ppl-professional .ws-hero{padding:30px 20px!important;border-radius:16px}
  body.ppl-professional .ws-hero h1{font-size:clamp(36px,12vw,52px)!important}
}
@media (hover:none){
  .home-path-grid>a:hover,.support-card:hover,.tool-card:hover,.production-grid article:hover,.ppl-launch-card:hover,.size-card:hover,.index-card:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Enterprise modules inherit the same visual language */
body.ppl-professional .ep-shell{width:min(1120px,calc(100% - 40px))}
body.ppl-professional .ep-hero{margin-top:26px;padding:42px 38px 34px;border:1px solid var(--ppl-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:var(--ppl-shadow)}
body.ppl-professional .ep-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(38px,5vw,64px);font-weight:820;line-height:1;letter-spacing:-.05em}
body.ppl-professional .ep-card{background:#fff;border-color:var(--ppl-line);box-shadow:0 8px 24px rgba(7,26,51,.06)}
body.ppl-professional .ep-card:hover{border-color:#b4c7dc}
.ep-btn{border-color:#cbd7e4!important;background:#fff!important;color:var(--ppl-text)!important;box-shadow:0 5px 14px rgba(7,26,51,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}
.ep-btn:hover{transform:translateY(-2px);border-color:#9fb7d1!important;box-shadow:0 12px 25px rgba(7,26,51,.12)}
.ep-btn.primary{background:var(--ppl-blue)!important;border-color:var(--ppl-blue)!important;color:#fff!important;box-shadow:0 9px 22px rgba(47,111,235,.24)}
.ep-btn.primary:hover{background:var(--ppl-blue-2)!important;box-shadow:0 14px 30px rgba(47,111,235,.32)}
.ep-metric{border-color:var(--ppl-line)!important;border-radius:14px!important;box-shadow:0 4px 12px rgba(7,26,51,.035)}
body.ppl-professional .site-footer{margin-left:var(--ppl-sidebar-w)}
@media(max-width:1100px){body.ppl-professional .site-footer{margin-left:0}}
@media(max-width:640px){
 body.ppl-professional .ep-shell{width:min(100% - 24px,1120px)}
 body.ppl-professional .ep-hero{margin-top:14px;padding:28px 20px 25px;border-radius:16px}
 body.ppl-professional .ep-hero h1{font-size:clamp(34px,11vw,48px)}
 .ep-pillbar{gap:6px}.ep-pill{font-size:10px;padding:6px 8px}
}

/* ==========================================================
   Print Prep Lab v102 — full visual-system pass
   The v101 layer changed hierarchy; this pass restyles the
   actual working surfaces so the product no longer looks like
   the legacy calculator UI underneath a new header.
   ========================================================== */

:root{
  --ppl-v102-navy:#071a33;
  --ppl-v102-navy-soft:#0d2d55;
  --ppl-v102-blue:#2f6feb;
  --ppl-v102-blue-dark:#2459c4;
  --ppl-v102-aqua:#50c9dc;
  --ppl-v102-green:#14866d;
  --ppl-v102-bg:#f4f7fb;
  --ppl-v102-card:#ffffff;
  --ppl-v102-border:#dbe4ee;
  --ppl-v102-muted:#61778c;
  --ppl-v102-shadow:0 12px 32px rgba(7,26,51,.08);
  --ppl-v102-shadow-hover:0 18px 42px rgba(7,26,51,.14);
}

body{background:var(--ppl-v102-bg)!important}
.site-header{background:#071a33!important;box-shadow:0 8px 26px rgba(7,26,51,.18)!important}
.header-inner{min-height:68px!important;position:relative}
.brand{font-size:19px!important;font-weight:800!important}
.site-header .brand-mark{width:26px!important;height:26px!important}
.ppl-header-tools{display:flex;align-items:center;gap:9px;margin-left:auto}
.ppl-lang-wrap{margin-left:0!important}
.ppl-lang-select{height:40px!important;min-width:66px!important;background:#ffffff0f!important;border:1px solid #ffffff2f!important;border-radius:10px!important;color:#fff!important;font-weight:800!important}
.ppl-lang-select:focus{outline:3px solid rgba(80,201,220,.24)!important;box-shadow:none!important}
.ppl-public-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ffffff2f;border-radius:10px;background:#ffffff0f;color:#fff;font-size:18px;font-weight:900}
.ppl-public-toggle:hover{background:#ffffff1a}

/* Public homepage: the approved dark product hero, not the legacy editorial hero. */
body:not(.ppl-professional) main>.hero{
  width:min(1220px,calc(100% - 40px))!important;
  min-height:440px!important;
  margin:28px auto 0!important;
  padding:64px 58px 58px!important;
  border:0!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 84% 28%,rgba(47,111,235,.42),transparent 28%),
    radial-gradient(circle at 70% 108%,rgba(80,201,220,.20),transparent 36%),
    linear-gradient(135deg,#071a33 0%,#092650 58%,#0d3470 100%)!important;
  box-shadow:0 22px 54px rgba(7,26,51,.22)!important;
  color:#fff!important;
  overflow:hidden!important;
}
body:not(.ppl-professional) main>.hero:before{
  opacity:.16!important;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  mask-image:linear-gradient(90deg,transparent 42%,#000 76%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 76%,#000 100%)!important;
}
body:not(.ppl-professional) main>.hero .eyebrow{color:#87deea!important}
body:not(.ppl-professional) main>.hero .eyebrow span{background:#5ed3e4!important}
body:not(.ppl-professional) main>.hero h1{color:#fff!important;font-size:clamp(48px,6.3vw,76px)!important;line-height:1.01!important;max-width:820px!important}
body:not(.ppl-professional) main>.hero h1 em{color:#74ddeb!important}
body:not(.ppl-professional) main>.hero .hero-copy>p{color:#d8e5f3!important;max-width:700px!important;font-size:18px!important;line-height:1.7!important}
body:not(.ppl-professional) main>.hero .button.primary{background:#2f6feb!important;border-color:#5f91f5!important;box-shadow:0 12px 28px rgba(47,111,235,.36)!important}
body:not(.ppl-professional) main>.hero .button.primary:hover{background:#3d7af2!important;box-shadow:0 17px 35px rgba(47,111,235,.46)!important}
body:not(.ppl-professional) main>.hero .button.secondary{background:#ffffff0c!important;border-color:#ffffff38!important;color:#fff!important;box-shadow:none!important}
body:not(.ppl-professional) main>.hero .button.secondary:hover{background:#ffffff18!important;border-color:#ffffff65!important}
body:not(.ppl-professional) main>.hero .trust-row{margin-top:28px!important}
body:not(.ppl-professional) main>.hero .trust-row span{background:#ffffff0d!important;border-color:#ffffff22!important;color:#dbe8f5!important}

/* Live calculator: same visual language as the approved dashboard concept. */
.checker-section{margin-top:28px!important;z-index:5!important}
.lab-card{
  max-width:1180px!important;
  margin-inline:auto!important;
  background:#fff!important;
  border:1px solid var(--ppl-v102-border)!important;
  border-radius:22px!important;
  box-shadow:var(--ppl-v102-shadow)!important;
  overflow:hidden!important;
}
.lab-topline{
  min-height:58px!important;
  padding:0 26px!important;
  background:#fff!important;
  border-bottom:1px solid #e8eef5!important;
  color:#697e92!important;
  letter-spacing:.12em!important;
}
.lab-topline>div{color:#183a5c!important;font-weight:820!important}
.live-dot{box-shadow:0 0 0 6px rgba(20,134,109,.10)!important}
.lab-grid{grid-template-columns:minmax(340px,.92fr) minmax(460px,1.08fr)!important;background:#fff!important}
.lab-controls{padding:30px!important;border-right:1px solid #e6edf4!important;background:#fff!important}
.lab-results{padding:30px!important;background:#f8fbff!important;background-image:radial-gradient(#dce8f3 1px,transparent 1px)!important;background-size:20px 20px!important}
.drop-zone{
  min-height:98px!important;
  border:1.5px dashed #9fb2c5!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  padding:17px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
}
.drop-zone:hover,.drop-zone.is-dragging{border-color:#2f6feb!important;background:#f2f7ff!important;box-shadow:0 8px 20px rgba(47,111,235,.08)!important}
.upload-icon{border:1px solid #d8e3ef!important;border-radius:12px!important;background:#fff!important;color:#2f6feb!important}
.private-pill{border-radius:999px!important;background:#edf8f4!important;color:#14866d!important;border:1px solid #cce9df!important}
.control-block{margin-top:26px!important}
.control-label{gap:10px!important;margin-bottom:10px!important}
.control-label>span{width:26px!important;height:26px!important;background:#123b60!important;font-size:12px!important;box-shadow:0 4px 12px rgba(18,59,96,.15)!important}
.control-label label,.control-label .group-label{font-size:14px!important;color:#173650!important}
.input-pair input,.control-block select{
  height:52px!important;
  border:1px solid #d5e0eb!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:0 15px!important;
  color:#16324c!important;
  font-size:16px!important;
  font-weight:760!important;
  box-shadow:0 3px 10px rgba(7,26,51,.035)!important;
}
.input-pair input:focus,.control-block select:focus{border-color:#79a6f6!important;box-shadow:0 0 0 4px rgba(47,111,235,.12)!important;outline:0!important}
.segment-control{overflow:hidden!important;border:1px solid #d5e0eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 10px rgba(7,26,51,.03)!important}
.segment-control button{min-height:64px!important;border-color:#e3eaf2!important;background:#fff!important;color:#173650!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.segment-control button:hover{background:#f1f6ff!important}
.segment-control button.active{background:#123b60!important;color:#fff!important}
.result-heading{padding-bottom:22px!important}
.status-icon{box-shadow:0 8px 18px rgba(20,134,109,.18)!important}
.status-chip{border-radius:999px!important;padding:7px 11px!important;font-weight:800!important}
.print-preview-wrap{border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 7px 18px rgba(7,26,51,.055)!important}
.result-metrics{gap:12px!important;margin-top:12px!important}
.result-metrics>div{
  border:1px solid #dce6f0!important;
  border-radius:13px!important;
  background:#fff!important;
  padding:15px!important;
  box-shadow:0 5px 15px rgba(7,26,51,.04)!important;
}
.result-metrics strong{font-size:16px!important;color:#173650!important}
.max-size-panel,.format-fit-panel{
  margin-top:12px!important;
  border:1px solid #dce6f0!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 5px 15px rgba(7,26,51,.04)!important;
}
.max-size-panel>div,.format-fit-panel>div{padding:12px 14px!important;background:#fbfdff!important;border-color:#e6edf4!important}
.max-size-panel th,.max-size-panel td{padding:9px 14px!important}
.format-fit-panel a{padding:11px 14px!important;border-color:#e6edf4!important;transition:background .16s ease,transform .16s ease!important}
.format-fit-panel a:hover{background:#f2f7ff!important;color:#2459c4!important}

/* Public content becomes a coherent card system instead of sharp editorial boxes. */
.home-path-grid{gap:16px!important}
.home-path-grid>a,.hub-task-grid>a,.guide-topic-grid>a,.index-card,.size-card,.support-card,.tool-card{
  border:1px solid var(--ppl-v102-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(7,26,51,.055)!important;
  overflow:hidden!important;
}
.home-path-grid>a:hover,.hub-task-grid>a:hover,.guide-topic-grid>a:hover,.index-card:hover,.size-card:hover,.support-card:hover,.tool-card:hover{border-color:#aec2d8!important;box-shadow:var(--ppl-v102-shadow-hover)!important;transform:translateY(-4px)!important}
.method-strip{background:#0a2344!important;color:#fff!important;border:0!important}
.method-strip p{color:#cbd9e8!important}
.method-strip a{color:#81ddea!important}
.home-guide-grid,.workflow-principle,.new-tool-callout,.guide-feature,.hub-feature{border-radius:20px!important;overflow:hidden!important;box-shadow:var(--ppl-v102-shadow)!important}
.standalone-tool,.quick-answer,.fact-panel,.format-fit-panel,.page-cta{
  border-color:var(--ppl-v102-border)!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(7,26,51,.06)!important;
  overflow:hidden!important;
}
.standalone-tool-head{background:#f8fbff!important;border-color:#e6edf4!important}
.standalone-tool-body{background:#fff!important}
.tool-form-grid input,.tool-form-grid select,.tool-form-grid textarea,.standalone-tool input,.standalone-tool select,.standalone-tool textarea{
  border-radius:11px!important;
  border-color:#d7e2ed!important;
  background:#fff!important;
}

/* Professional pages: retain density, but make the hierarchy product-like. */
body.ppl-professional main{background:#f4f7fb!important;min-height:calc(100vh - 68px)}
body.ppl-professional .ppl-pro-sidebar{top:68px!important;background:linear-gradient(180deg,#071a33,#0a2447)!important;border-right:0!important;box-shadow:10px 0 28px rgba(7,26,51,.12)!important}
body.ppl-professional .ws-hero,body.ppl-professional .ep-hero{
  border:1px solid #dbe4ee!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff,#f4f8ff)!important;
  box-shadow:var(--ppl-v102-shadow)!important;
}
body.ppl-professional .ep-card,body.ppl-professional .tool-card,body.ppl-professional .production-grid article,body.ppl-professional .path-grid article,body.ppl-professional .support-card,body.ppl-professional .local-state{
  border:1px solid #dbe4ee!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(7,26,51,.055)!important;
}
body.ppl-professional .ep-card:hover,body.ppl-professional .tool-card:hover,body.ppl-professional .production-grid article:hover,body.ppl-professional .path-grid article:hover,body.ppl-professional .support-card:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(7,26,51,.11)!important}
.ep-btn,.ppl-advanced-toggle{border-radius:10px!important}

/* Responsive behavior is part of the redesign, not a shrink-to-fit afterthought. */
@media (max-width:900px){
  .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    top:58px!important;
    right:0!important;
    width:min(300px,calc(100vw - 24px))!important;
    padding:10px!important;
    border:1px solid #ffffff1d!important;
    border-radius:14px!important;
    background:#0a2447!important;
    box-shadow:0 20px 42px rgba(7,26,51,.28)!important;
    z-index:80!important;
  }
  body.ppl-public-menu-open .site-header .main-nav{display:grid!important;gap:4px!important}
  .site-header .main-nav a{padding:11px 12px!important;border-radius:9px!important}
  .site-header .main-nav a:hover{background:#ffffff10!important}
  .site-header .main-nav a:after{display:none!important}
  .ppl-public-toggle{display:inline-flex!important}
  body.ppl-professional .ppl-public-toggle{display:none!important}
  body:not(.ppl-professional) main>.hero{padding:52px 34px 46px!important}
  .lab-grid{grid-template-columns:1fr!important}
  .lab-controls{border-right:0!important;border-bottom:1px solid #e6edf4!important}
}

@media (max-width:640px){
  .site-header{position:sticky!important;top:0!important}
  .header-inner{min-height:64px!important;gap:8px!important}
  .brand{font-size:17px!important;gap:10px!important}
  .site-header .brand-mark{width:23px!important;height:23px!important}
  .ppl-header-tools{gap:6px!important}
  .ppl-lang-select{width:56px!important;min-width:56px!important;height:38px!important;padding:0 7px!important}
  .ppl-public-toggle{width:38px!important;height:38px!important}
  body:not(.ppl-professional) main>.hero{
    width:calc(100% - 24px)!important;
    min-height:0!important;
    margin-top:12px!important;
    padding:36px 20px 32px!important;
    border-radius:18px!important;
    box-shadow:0 15px 34px rgba(7,26,51,.20)!important;
  }
  body:not(.ppl-professional) main>.hero h1{font-size:clamp(38px,11.5vw,52px)!important;letter-spacing:-.05em!important}
  body:not(.ppl-professional) main>.hero .hero-copy{margin-top:13px!important}
  body:not(.ppl-professional) main>.hero .hero-copy>p{font-size:15px!important;line-height:1.6!important;margin-top:18px!important}
  body:not(.ppl-professional) main>.hero .hero-actions{margin-top:22px!important}
  body:not(.ppl-professional) main>.hero .trust-row{grid-template-columns:1fr 1fr!important;margin-top:19px!important}
  body:not(.ppl-professional) main>.hero .trust-row span{width:100%!important;font-size:11px!important;text-align:center!important}
  .checker-section{width:calc(100% - 24px)!important;margin-top:16px!important}
  .lab-card{border-radius:17px!important;box-shadow:0 9px 24px rgba(7,26,51,.075)!important}
  .lab-topline{min-height:50px!important;padding:0 16px!important}
  .lab-controls,.lab-results{padding:18px!important}
  .drop-zone{grid-template-columns:42px 1fr!important;min-height:88px!important;padding:13px!important}
  .drop-zone strong{font-size:13px!important;max-width:100%!important}
  .drop-zone small{font-size:10px!important;max-width:100%!important}
  .private-pill{display:none!important}
  .control-block{margin-top:22px!important}
  .input-pair{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;gap:4px!important}
  .input-pair input{height:50px!important;padding:0 12px!important;font-size:15px!important}
  .control-label small{font-size:10px!important}
  .segment-control button{min-height:58px!important}
  .segment-control b{font-size:13px!important}
  .segment-control small{font-size:9px!important}
  .result-heading{gap:10px!important}
  .result-metrics.three{grid-template-columns:1fr!important}
  .max-size-panel{overflow-x:auto!important}
  .max-size-panel table{min-width:430px!important}
  .format-fit-panel nav{grid-template-columns:1fr!important}
  .home-path-grid>a{padding:21px!important;min-height:0!important}
  body.ppl-professional .ppl-pro-sidebar{top:64px!important}
  body.ppl-professional main>.shell,body.ppl-professional main .shell{width:calc(100% - 24px)!important}
}


/* Print Prep Lab v103 — cache-busted navigation + fully custom public home */
:root{
  --v103-navy:#071a33;--v103-navy2:#0b2b58;--v103-blue:#2f6feb;--v103-cyan:#51c8db;
  --v103-green:#14866d;--v103-bg:#f4f7fb;--v103-card:#fff;--v103-text:#102a43;--v103-muted:#60758a;
  --v103-line:#dbe4ee;--v103-shadow:0 12px 34px rgba(7,26,51,.09);--v103-hover:0 18px 44px rgba(7,26,51,.15)
}
body.ppl-v104-home{margin:0;background:var(--v103-bg)!important;color:var(--v103-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ppl-v104-home *{box-sizing:border-box}
.ppl-v104-home a{text-decoration:none;color:inherit}
.v103-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.v103-header{position:sticky;top:0;z-index:100;background:rgba(7,26,51,.97);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 26px rgba(7,26,51,.18);backdrop-filter:blur(14px)}
.v103-header-inner{min-height:70px;display:flex;align-items:center;gap:24px}
.v103-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:850;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.v103-brand b{color:#6ed7e5}.v103-mark{position:relative;width:28px;height:28px;border:2px solid #fff;border-radius:3px}
.v103-mark:before,.v103-mark:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--v103-cyan)}
.v103-mark:before{left:-6px;top:-6px}.v103-mark:after{right:-6px;bottom:-6px}
.v103-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.v103-nav a{color:#d8e4f1;font-size:14px;font-weight:700;transition:.18s ease}.v103-nav a:hover{color:#fff;transform:translateY(-1px)}
.v103-header-tools{display:flex;align-items:center;gap:9px}.v103-lang{height:40px;min-width:68px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#ffffff10;color:#fff;padding:0 10px;font-weight:800;outline:none}.v103-lang:focus{border-color:#70d7e5;box-shadow:0 0 0 3px rgba(81,200,219,.16)}.v103-lang option{color:#102a43;background:#fff}
.v103-menu{display:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#ffffff10;color:#fff;font-size:20px;align-items:center;justify-content:center}
.v103-hero{position:relative;overflow:hidden;margin:28px auto 0;padding:62px 58px 56px;border-radius:26px;color:#fff;background:radial-gradient(circle at 84% 22%,rgba(47,111,235,.48),transparent 25%),radial-gradient(circle at 72% 105%,rgba(81,200,219,.19),transparent 34%),linear-gradient(135deg,var(--v103-navy),#092955 60%,#0b3a7f);box-shadow:0 22px 58px rgba(7,26,51,.23)}
.v103-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 38%,#000 82%);opacity:.5}
.v103-hero-copy{position:relative;z-index:2;max-width:760px}.v103-kicker{display:flex;align-items:center;gap:12px;color:#7fe1ee;font-size:13px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.v103-kicker:before{content:"";width:44px;height:3px;border-radius:3px;background:#55cfe0}
.v103-hero h1{margin:22px 0 0;font-size:clamp(50px,6.4vw,78px);line-height:.99;letter-spacing:-.055em;font-weight:850}.v103-hero h1 .accent{color:#67d9e8}.v103-hero p{max-width:660px;margin:24px 0 0;color:#d5e2ef;font-size:18px;line-height:1.7}
.v103-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.v103-btn{min-height:52px;padding:0 21px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:15px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.v103-btn.primary{background:var(--v103-blue);color:#fff;box-shadow:0 11px 27px rgba(47,111,235,.38)}.v103-btn.primary:hover{transform:translateY(-2px);background:#3c79f0;box-shadow:0 16px 34px rgba(47,111,235,.48)}.v103-btn.secondary{background:#ffffff0c;border-color:#ffffff3b;color:#fff}.v103-btn.secondary:hover{transform:translateY(-2px);background:#ffffff18;border-color:#ffffff70}.v103-btn:active{transform:translateY(0) scale(.985)}
.v103-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.v103-trust span{padding:8px 11px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0c;color:#d9e7f3;font-size:12px;font-weight:700}
.v103-section{padding:64px 0}.v103-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.v103-section-head small{display:block;color:var(--v103-cyan);font-weight:850;letter-spacing:.14em;text-transform:uppercase}.v103-section-head h2{margin:5px 0 0;font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;line-height:1.05}.v103-section-head p{max-width:560px;margin:0;color:var(--v103-muted);line-height:1.65}
.v103-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v103-path{min-height:230px;padding:26px;border:1px solid var(--v103-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(7,26,51,.055);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.v103-path:hover{transform:translateY(-4px);box-shadow:var(--v103-hover);border-color:#adc3da}.v103-path-icon{width:46px;height:46px;border-radius:13px;background:#edf4ff;color:#245fcf;display:grid;place-items:center;font-size:22px;font-weight:900}.v103-path small{margin-top:20px;color:#718398;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.v103-path h3{margin:7px 0 0;font-size:22px;letter-spacing:-.025em}.v103-path p{margin:9px 0 20px;color:var(--v103-muted);line-height:1.55}.v103-path b{margin-top:auto;color:#245fcf}
.v103-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v103-tool{padding:21px;border:1px solid var(--v103-line);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(7,26,51,.05);transition:.18s ease}.v103-tool:hover{transform:translateY(-3px);box-shadow:var(--v103-hover);border-color:#b3c6da}.v103-tool span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eef5ff;color:#2866d5;font-size:19px}.v103-tool h3{margin:15px 0 7px;font-size:17px}.v103-tool p{margin:0;color:var(--v103-muted);font-size:13px;line-height:1.55}
.v103-pro{padding:34px;border-radius:22px;background:linear-gradient(135deg,#fff,#edf5ff);border:1px solid var(--v103-line);box-shadow:var(--v103-shadow);display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.v103-pro h2{margin:0;font-size:38px;letter-spacing:-.04em}.v103-pro p{color:var(--v103-muted);line-height:1.7}.v103-pro-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v103-pro-list span{padding:11px 13px;border:1px solid #dce7f2;border-radius:11px;background:#fff;font-size:13px;font-weight:750;box-shadow:0 4px 12px rgba(7,26,51,.035)}
.v103-guides{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.v103-guide-main,.v103-guide-side{padding:26px;border:1px solid var(--v103-line);border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(7,26,51,.05)}.v103-guide-main h3{font-size:25px;margin:8px 0}.v103-guide-main p,.v103-guide-side p{color:var(--v103-muted);line-height:1.65}.v103-guide-side a{display:block;padding:12px 0;border-bottom:1px solid #e7edf3;font-weight:750}.v103-guide-side a:last-child{border-bottom:0}
.v103-footer{margin-top:20px;padding:32px 0;background:#071a33;color:#cfdeec}.v103-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.v103-footer nav{display:flex;gap:18px;font-size:13px}.v103-footer a:hover{color:#fff}
html[dir="rtl"] .ppl-v104-home{font-family:Tahoma,"Segoe UI",Arial,sans-serif}.ppl-v104-home[dir="rtl"],html[dir="rtl"] .ppl-v104-home{text-align:right}.ppl-v104-home .ltr{direction:ltr;unicode-bidi:isolate}
@media(max-width:900px){.v103-nav{display:none;position:absolute;top:61px;left:12px;right:12px;padding:10px;border:1px solid #ffffff1d;border-radius:14px;background:#0a2447;box-shadow:0 20px 42px rgba(7,26,51,.3);z-index:120}.v103-nav.open{display:grid}.v103-header-inner{position:relative}.v103-menu{display:inline-flex}.v103-header-tools{margin-left:auto}.v103-hero{padding:50px 36px 44px}.v103-paths{grid-template-columns:1fr}.v103-tools-grid{grid-template-columns:1fr 1fr}.v103-pro,.v103-guides{grid-template-columns:1fr}.v103-section-head{align-items:start;flex-direction:column}}
@media(max-width:640px){.v103-shell{width:calc(100% - 24px)}.v103-header-inner{min-height:64px;gap:8px}.v103-brand{font-size:17px;gap:10px}.v103-mark{width:23px;height:23px}.v103-lang{min-width:58px;width:58px;height:38px;padding:0 6px}.v103-menu{width:38px;height:38px}.v103-hero{margin-top:12px;padding:36px 21px 32px;border-radius:18px}.v103-hero h1{font-size:clamp(38px,11.5vw,53px)}.v103-hero p{font-size:15px;line-height:1.62}.v103-actions{display:grid;grid-template-columns:1fr}.v103-btn{width:100%}.v103-trust{display:grid;grid-template-columns:1fr 1fr}.v103-trust span{text-align:center;font-size:11px}.v103-section{padding:44px 0}.v103-section-head h2{font-size:31px}.v103-tools-grid{grid-template-columns:1fr}.v103-pro{padding:24px 20px;border-radius:17px}.v103-pro h2{font-size:30px}.v103-pro-list{grid-template-columns:1fr}.v103-footer-inner{align-items:flex-start;flex-direction:column}.v103-footer nav{flex-wrap:wrap}.v103-kicker{font-size:11px;letter-spacing:.13em}.v103-kicker:before{width:30px}}
@media(hover:none){.v103-btn:hover,.v103-path:hover,.v103-tool:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.ppl-v104-home *{transition:none!important}}
