@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/next-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/next-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Mono";src:url(/fonts/mono-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Mono";src:url(/fonts/mono-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#F1F3F3; --surface:#FFFFFF; --border:#E1E6E6; --border-strong:#A7B1B2;
  --text:#141819; --text-2:#343B3C; --muted:#5E6869;
  --primary:#0C3538; --primary-hover:#1F6F74; --focus:#3D8A8E;
  --sans:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Atkinson Hyperlegible Mono",ui-monospace,Menlo,monospace;
  --pad:120px; --sec:112px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);font:400 18px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p{margin:0}
a{color:var(--primary)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;background:var(--primary);color:#fff;padding:12px 16px;border-radius:6px;z-index:10}
.skip:focus{top:16px}

main{position:relative}
section,.nav,.foot{position:relative}
section[data-tone=grey],.nav,.foot{background:var(--bg)}
section[data-tone=white]{background:var(--surface)}
section[data-tone=petrol]{background:var(--primary);color:#fff}
.wrap{position:relative;z-index:2;max-width:calc(1200px + 2*var(--pad));margin:0 auto;padding:0 var(--pad)}
section{padding:var(--sec) 0}

/* type */
h1{font-size:clamp(42px,6.1vw,88px);line-height:1.04;letter-spacing:-.02em;font-weight:700;color:var(--primary)}
.kicker{font-size:18px;line-height:1.4;font-weight:700;color:var(--primary-hover);margin-bottom:20px}
h2{font-size:clamp(30px,3.9vw,56px);line-height:1.08;letter-spacing:-.015em;font-weight:700;color:var(--primary)}
.lead{font-size:22px;line-height:1.5;color:var(--text-2)}
.side{color:var(--text-2)}
.statement{font-size:40px;line-height:1.2;font-weight:600;color:var(--primary)}
.closing{font-size:26px;line-height:1.4;font-weight:600;color:var(--primary);max-width:860px;margin-top:64px}
.mono{font-family:var(--mono)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:6px;background:var(--primary);color:#fff;font-weight:700;font-size:19px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--primary-hover)}
.btn-small{min-height:48px;padding:0 20px;font-size:17px}
.btn-light{background:#fff;color:var(--primary)}
.btn-light:hover{background:#E3E7E7}
.link{font-weight:700;font-size:19px;color:var(--primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
.link:hover{color:var(--primary-hover)}

/* nav */
.nav{padding:20px 0}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:12px;color:var(--primary);text-decoration:none;font-weight:700;font-size:24px;min-height:48px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a:not(.btn){color:var(--text);text-decoration:none;font-size:17px;min-height:44px;display:inline-flex;align-items:center}
.nav-links a:not(.btn):hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:flex-end;font-weight:600;font-size:17px}
.menu summary::-webkit-details-marker{display:none}
.menu-panel{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 16px 16px;width:min(320px,calc(100vw - 40px));display:flex;flex-direction:column;z-index:20}
.menu-panel a:not(.btn){color:var(--text);text-decoration:none;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--border)}
.menu-panel .btn{margin-top:16px}

/* layout helpers */
.split{display:grid;grid-template-columns:minmax(0,720px) minmax(0,400px);justify-content:space-between;column-gap:80px}
.split.end{align-items:end}
.head{margin-bottom:72px}
.head.solo{max-width:860px}

/* hero */
.hero{padding:96px 0 0;overflow:hidden}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-top:48px}
.hero-row .lead{max-width:640px}
.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.shot{margin-top:48px;height:clamp(300px,39vw,560px);overflow:hidden;border:1px solid var(--border-strong);border-bottom:0;border-radius:8px 8px 0 0;background:#fff}
.shot img{width:100%;max-width:none}

/* herkenning */
.herkenning .side{font-size:18px}

/* norm table */
.norm{border-top:2px solid var(--primary);border-bottom:2px solid var(--primary)}
.norm-row{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);column-gap:48px;padding:28px 0;border-top:1px solid var(--border-strong)}
.norm-row:first-child{border-top:0}
.norm-head{padding:16px 0;font-weight:600;color:var(--muted)}
.norm-row h3{font-size:22px;line-height:1.3}
.norm-row p{color:var(--text-2)}
.norm-row .pb{color:var(--primary);font-weight:600}
.norm-row .k{display:none}

/* phones */
.phones{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,340px);gap:48px}
.phone{border:1px solid var(--border-strong);border-radius:18px;overflow:hidden;background:#fff}
.phone img{width:100%}
.phone[data-widget]{aspect-ratio:390/844;background:var(--bg);min-width:0}
.phones li{min-width:0}
.try{margin-top:56px;color:var(--text-2);max-width:760px}
.try .mono{color:var(--primary);font-weight:600;margin-right:4px}
.phones .phone-reset{margin-top:8px;min-height:44px;padding:0;border:0;background:none;font:600 16px var(--sans);color:var(--primary);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.phones .phone-reset[hidden]{display:none}
.phones li>h3{font-size:18px;margin-top:16px}
.phones li>p{color:var(--text-2);margin-top:6px}

/* momenten */
.rows{border-bottom:1px solid var(--border-strong)}
.row{display:grid;grid-template-columns:minmax(0,560px) minmax(0,560px);justify-content:space-between;column-gap:80px;padding:28px 0;border-top:1px solid var(--border-strong)}
.row h3{font-size:24px;line-height:1.3}
.row p{color:var(--text-2)}

/* voor wie */
.who{border-bottom:1px solid var(--border-strong)}
.who-row{display:grid;grid-template-columns:200px minmax(0,440px) minmax(0,464px);column-gap:48px;padding:40px 0 48px;border-top:1px solid var(--border-strong)}
.who-label{font-weight:600;color:var(--muted);padding-top:6px}
.who-row h3{font-size:40px;line-height:1.1;letter-spacing:-.01em;color:var(--primary)}
.who-row p{color:var(--text-2)}
.who-row .link{margin-top:8px;font-size:18px}

/* access table */
.access{background:var(--bg);border-radius:8px;padding:8px 24px}
.access table{width:100%;border-collapse:collapse;text-align:left}
.access th,.access td{padding:18px 0;vertical-align:top;font-size:18px}
.access thead th{font-weight:600;color:var(--muted);border-bottom:2px solid var(--primary);padding-top:14px}
.access tbody tr+tr th,.access tbody tr+tr td{border-top:1px solid var(--border-strong)}
.access tbody th{font-weight:700;width:25%}
.access td{width:25%;color:var(--text-2)}
.access td.strong{font-weight:700;color:var(--primary)}
.access td.no{color:var(--muted)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}
.facts>div{border-top:1px solid var(--border-strong);padding-top:20px}
.facts h3{font-size:20px;margin-bottom:6px}
.facts p{color:var(--text-2)}

/* op de post */
.post .split{grid-template-columns:minmax(0,560px) minmax(0,560px);align-items:start}
.post-text p{margin-top:24px;color:var(--text-2)}
.post-text .link{margin-top:16px}
.sizes{margin:0}
.sizes figcaption{font-weight:600;color:var(--muted);margin-bottom:28px}
.size-row{display:grid;grid-template-columns:minmax(0,1fr) 10px 150px;align-items:center;column-gap:16px;margin-bottom:24px}
.bracket{height:56px;border:1.5px solid #7C898A;border-left:0;border-radius:0 3px 3px 0;width:10px}
.bracket.h48{height:48px}.bracket.h44{height:44px}
.gap-24{margin-top:24px}.gap-32{margin-top:32px}
.size-row .mono{font-size:15px;line-height:1.3;color:var(--muted)}
.fake{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;user-select:none}
.fake-main{height:56px;width:100%;background:var(--primary);color:#fff;font-size:19px}
.choices{display:flex;gap:8px}
.fake-choice{height:48px;padding:0 14px;flex:1;background:#fff;border:1px solid var(--border-strong);color:var(--text);font-size:17px;font-weight:600}
.fake-choice.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.stepper{display:flex;align-items:center;gap:8px;background:#fff;border-radius:6px;padding-left:16px;height:44px}
.st-name{flex:1;font-weight:600}
.fake-step{width:44px;height:44px;border:1px solid var(--border-strong);background:#fff;color:var(--text);font-size:22px;font-weight:600}
.fake-step.on{background:var(--primary);border-color:var(--primary);color:#fff}
.st-val{width:24px;text-align:center;font-size:22px}
.note{border-top:1px solid var(--border-strong);padding-top:20px;color:var(--text-2)}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,560px) minmax(0,560px);justify-content:space-between;column-gap:80px;row-gap:40px}
.faq h3{font-size:22px;line-height:1.3;margin-bottom:8px}
.faq p{color:var(--text-2)}

/* demo */
.demo{padding:120px 0}
.demo h2{color:#fff;font-size:clamp(36px,4.7vw,68px)}
.demo .lead{color:#D4E2E2;margin-top:24px;max-width:600px}
.demo-grid{grid-template-columns:minmax(0,640px) minmax(0,440px);align-items:start}
.demo-form{display:grid;gap:16px}
.field{display:grid;gap:6px}
.field label{font-weight:600;font-size:17px;color:#fff}
.field .opt{font-weight:400;color:#B7CCCD}
.field input,.field select{height:52px;border-radius:6px;border:1px solid transparent;background:#fff;color:var(--text);font:400 18px var(--sans);padding:0 14px;width:100%}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230C3538' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.field input[aria-invalid=true]{border-color:#F3B9B9;box-shadow:0 0 0 2px #F3B9B9}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.demo-form .btn{margin-top:8px;width:100%}
.form-note{font-size:15px;color:#B7CCCD}
.form-status{font-size:17px;font-weight:600;color:#fff}
.form-status:empty{display:none}
.demo-form.sent .field,.demo-form.sent .btn,.demo-form.sent .form-note{display:none}
.demo-form.sent .form-status{font-size:22px;line-height:1.4;border-left:3px solid #6FA3A6;padding-left:16px}

/* footer */
.foot{padding:48px 0 40px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px 240px;gap:48px}
.foot-name{font-weight:700;font-size:22px;color:var(--primary);margin-bottom:8px}
.foot p{font-size:17px;color:var(--text-2)}
.foot-h{font-weight:600;margin-bottom:4px}
.foot a{display:flex;align-items:center;min-height:36px;color:var(--text-2);text-decoration:none;font-size:17px}
.foot a:hover{color:var(--primary);text-decoration:underline}

/* artwork */
.route{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:1;overflow:visible}
.route text{font-family:var(--mono);font-size:12px;letter-spacing:.02em}
.orn{position:absolute;pointer-events:none;z-index:1}

/* ---------- responsive ---------- */
@media (max-width:1279px){
  :root{--pad:48px}
  .split,.row,.faq,.post .split,.demo-grid{column-gap:48px}
  .who-row{grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);column-gap:32px}
  .who-row h3{font-size:32px}
  .phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
}
@media (max-width:1023px){
  .nav-links{display:none}
  .menu{display:block}
  .split,.row,.faq,.post .split,.demo-grid,.split.end{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .head{margin-bottom:48px}
  .hero-row{flex-direction:column;align-items:flex-start;gap:32px}
  .who-row{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>div:first-child{grid-column:1/-1}
  .post .sizes{margin-top:24px}
}
@media (max-width:719px){
  :root{--pad:20px;--sec:56px}
  body{font-size:17px}
  .nav{padding:12px 0}
  .logo{font-size:21px}
  .hero{padding-top:40px}
  .hero-row{margin-top:28px}
  .kicker{font-size:16px;margin-bottom:12px}
  .lead{font-size:19px}
  .actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}
  .actions .link{justify-content:flex-start}
  .shot{height:300px;margin-top:40px}
  .shot img{width:760px}
  .statement{font-size:28px}
  .closing{font-size:21px;margin-top:40px}
  .norm-head{display:none}
  .norm{border-bottom:0}
  .norm-row{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:24px 0}
  .norm-row:first-child+.norm-row{border-top:0}
  .norm-row h3{font-size:20px}
  .norm-row .k{display:block;font-size:15px;font-weight:600;color:var(--muted);margin-bottom:2px}
  .phones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:20px calc(-1*var(--pad)) 0;padding:0 var(--pad) 8px;scrollbar-width:none}
  .phones::-webkit-scrollbar{display:none}
  .phones li{flex:0 0 min(330px,calc(100vw - 60px));min-width:0;scroll-snap-align:start}
  .try{margin-top:40px}
  .row{padding:22px 0}
  .row h3{font-size:20px}
  .who-row{padding:28px 0 32px}
  .who-row h3{font-size:28px}
  .access{background:none;padding:0}
  .access thead{display:none}
  .access table,.access tbody,.access tr,.access th,.access td{display:block;width:auto}
  .access tbody tr{background:var(--bg);border-radius:8px;padding:14px 18px;margin-bottom:12px}
  .access tbody tr+tr th,.access tbody tr+tr td{border-top:0}
  .access tbody th{padding:0 0 6px;font-size:19px;width:auto}
  .access td{width:auto;display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:4px 0;font-size:16px}
  .access td::before{content:attr(data-k);color:var(--muted);font-weight:400}
  .facts{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px}
  .size-row{grid-template-columns:minmax(0,1fr) 10px 76px;column-gap:10px}
  .size-row .mono{font-size:13px}
  .hide-s{display:none}
  .fake-main{font-size:17px}
  .faq{row-gap:28px}
  .faq h3{font-size:19px}
  .demo{padding:64px 0}
  .foot{padding-bottom:32px}
  .foot-grid{gap:28px 24px}
}

/* ---------- phone widgets (390 px screens, scaled with zoom) ---------- */
.ph{width:390px;height:844px;position:relative;display:block;background:var(--bg);color:var(--text);font:400 16px/1.4 var(--sans);text-align:left}
.ph *{box-sizing:border-box}
.ph p{margin:0}
.ph button,.ph input{font-family:inherit;color:inherit}
.ph .mono{font-family:var(--mono)}
.ph .b{font-weight:600}
.ph .m{color:var(--muted)}
.ph-body{height:100%;display:flex;flex-direction:column}
.ph-head{flex:none;background:#fff;border-bottom:1px solid var(--border);padding:8px 16px 14px;display:flex;flex-direction:column;gap:6px}
.ph-top{display:flex;align-items:center;justify-content:space-between}
.ph-back{height:44px;display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--primary)!important;background:none;border:0;padding:0;cursor:pointer}
.ph-stamp{display:inline-flex;align-items:center;gap:6px;font:400 14px var(--mono);color:var(--muted)}
.ph-stamp::before{content:"";width:8px;height:8px;border-radius:50%;background:#1F6F74}
.ph-h1{font-size:26px;font-weight:700;line-height:1.2}
.ph-sub{font-size:15px;color:var(--muted)}
.ph-main{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin}
.ph-main.tight{gap:12px}
.ph-sec{display:flex;flex-direction:column;gap:8px}
.ph-h2{font-size:18px;font-weight:700}
.ph-info{font-size:15px;line-height:1.4;color:var(--muted)}
.ph-info.strong{font-weight:700;color:var(--text)}
.ph-info.small{font-size:14px}
.ph-info.dark{color:var(--text)}
.ph-card{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column}
.ph-card.pad{padding:12px 14px;gap:8px}
.ph-card.strongborder{border-color:var(--primary)}
.ph-cardhead{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px 8px;font-size:14px}
.ph-cardhead.flat{padding:0}
.ph-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ph-slot{height:56px;border-radius:6px;background:#fff;border:1px solid var(--border-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0 2px}
.ph-slot .mono{font-size:15px;font-weight:600}
.ph-note{font-size:14px;color:var(--muted)}
.ph-note.now{font-weight:700}
.ph-slot[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}
.ph-slot[aria-pressed=true] .ph-note{color:#E3E7E7}
.ph-trow{border-top:1px solid #EDF0F0;padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px}
.ph-tgrid{display:grid;grid-template-columns:minmax(0,1fr) 56px 64px 56px;gap:6px;align-items:center}
.ph-tname{display:flex;flex-direction:column;gap:2px;min-width:0}
.ph-tname .m{font-size:14px}
.ph-step{width:56px;height:56px;border-radius:6px;background:#fff;color:var(--primary);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ph-step.on{background:var(--primary);border-color:var(--primary);color:#fff}
.ph-step:disabled{background:#E3E7E7;border-color:#E3E7E7;color:var(--border-strong);cursor:not-allowed}
.ph-count{font-size:24px;font-weight:600;text-align:center}
.ph-link{align-self:flex-start;min-height:32px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--primary)!important;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ph-extra{display:flex;flex-wrap:wrap;gap:8px}
.ph-add{min-height:56px;padding:0 14px;border-radius:6px;border:1px dashed var(--border-strong);background:#fff;color:var(--primary)!important;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.ph-sgrid{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,44px);gap:4px;font-size:15px}
.ph-sgrid>span:not(:first-child){text-align:right}
.ph-sgrid.hd{font-size:14px;color:var(--muted)}
.ph-sgrid.row{border-top:1px solid #EDF0F0;padding-top:6px}
.ph-sgrid .b{font-weight:600}
.ph-foot{flex:none;background:#fff;border-top:1px solid var(--border);padding:12px 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ph-foot.one{grid-template-columns:minmax(0,1fr)}
.ph-footnote{grid-column:1/-1;font-size:15px;color:var(--muted)}
.ph-done{display:flex;gap:8px;align-items:flex-start;font-size:15px;font-weight:600}
.ph-done svg{flex:none;margin-top:1px}
.ph-btn{height:56px;border-radius:6px;border:0;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 12px}
.ph-btn.sec{background:#E3E7E7;color:var(--text)!important}
.ph-btn.pri{background:var(--primary);color:#fff!important;font-weight:700}
.ph-btn.big{font-size:18px}
.ph-btn.small{height:48px;font-size:16px}
.ph-btn:disabled{background:#E3E7E7;color:var(--muted)!important;cursor:not-allowed}
.ph-chip{min-height:56px;border-radius:6px;background:#fff;border:1px solid var(--border-strong);font-size:15px;font-weight:600;line-height:1.25;padding:6px 8px;cursor:pointer}
.ph-chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff!important}
.ph-chip:disabled{cursor:default}
.ph-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ph-level{flex-direction:row;gap:10px;padding:12px 14px;align-items:flex-start;font-size:15px;line-height:1.45}
.ph-level svg{flex:none;margin-top:2px}
.ph-letter{padding:6px 14px 14px;gap:10px}
.ph-lhead{width:100%;min-height:56px;border:0;background:none;padding:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto 22px;gap:10px;align-items:center;text-align:left;cursor:pointer}
.ph-lk{font-size:26px;font-weight:600}
.ph-lt{font-size:17px;font-weight:700}
.ph-mark{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.ph-mark.abn{font-weight:700;color:#7A4B00}
.ph-mark i{width:10px;height:10px;background:#B86E00;display:inline-block}
.ph-chev{display:flex;transition:transform .15s}
.ph-chev.up{transform:rotate(180deg)}
.ph-normal{font-size:15px;color:var(--text-2)}
.ph-finds{display:flex;flex-direction:column;gap:8px;font-size:15px}
.ph-vitals{display:flex;flex-wrap:wrap;gap:6px 14px;border-top:1px solid #EDF0F0;padding-top:10px;font-size:14px}
.ph-vnote{flex-basis:100%;line-height:1.4;color:var(--text-2)}
.ph-vnote.strong{font-weight:700;color:var(--text)}
.ph-field{display:flex;flex-direction:column;gap:6px}
.ph-field label{font-size:15px;font-weight:600}
.ph-field input{height:56px;width:100%;border:1px solid var(--border-strong);border-radius:6px;padding:0 12px;font-size:16px;background:#fff}
.ph-field input:disabled{background:#F8F9F9}
.ph-irow{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 14px}
.ph-irow+.ph-irow{border-top:1px solid #EDF0F0}
.ph-ik{font-size:18px;font-weight:700}
.ph-ib{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.4}
.ph-il{font-size:14px;color:var(--muted)}
.ph-irow.crit{background:#FDECEC}
.ph-irow.crit .ph-ik,.ph-irow.crit .ph-il,.ph-irow.crit .crit-l{color:#831C1E}
.ph-irow.crit .crit-v{font-weight:600;color:#831C1E}
.ph-check{min-height:48px;display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;cursor:pointer}
.ph-check input{width:24px;height:24px;accent-color:var(--primary);flex:none;margin:0}
.ph-toast{position:absolute;left:16px;right:16px;bottom:100px;background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none}
.ph-toast.show{opacity:1;transform:none}
.ph :focus-visible{outline:3px solid var(--focus);outline-offset:1px}
@media (prefers-reduced-motion:reduce){.ph-toast,.ph-chev{transition:none}}