/* Poll Maker template page v3 design system (pilot v2). Benchmarked on seemypersonality.com (full-bleed
   alternating bands, 112-128px section rhythm, big quiet display type, one visual per section) and held to the
   owner's rules: radius <= 5px, no pills, display type at 400 (500 for small headings, 600 only on CTAs),
   no eyebrow labels, hover only on real controls, hero continues the site header gradient exactly, primary
   CTA is the house orange-to-pink gradient. Everything is scoped to .pmt. */
.pmt{--ink:#0b1530;--ink2:#34405a;--mute:#5a6678;--line:#e3e6ee;--line2:#d3d8e3;--paper:#f7f4ef;--mist:#f2f5fb;
  --blue:#0555e6;--link:#0a53c9;--navy:#021b79;--night:#071340;
  --hero:linear-gradient(to right,#0555e6,#021b79);
  --cta:linear-gradient(to right,#ff512f 0%,#dd2476 51%,#ff512f 100%);
  --agree2:#2a78d6;--agree1:#86b6ef;--neutral:#e9e7e2;--dis1:#ee938b;--dis2:#e34948;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --gut:20px;--max:1200px;--sec:76px;
  font-family:var(--sans);font-feature-settings:"cv11","ss01";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;
  color:var(--ink);font-size:17px;line-height:1.65;font-weight:400;text-align:left;margin:0;background:#fff;overflow-x:clip}
.pmt *,.pmt *:before,.pmt *:after{box-sizing:border-box}
.pmt :where(ul,ol){list-style:none;margin:0;padding:0}
.pmt :where(li){display:block;width:auto;text-align:left;margin:0;padding:0;background:none;border:0;font-size:inherit;line-height:inherit}
.pmt li:before,.pmt li:after{content:none;display:none}
.pmt :where(p){margin:0 0 14px;font-size:inherit;line-height:inherit;color:inherit}
.pmt :where(a){color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pmt :where(a):hover{color:var(--navy)}
.pmt :where(h1,h2,h3,h4){font-family:var(--sans);color:inherit;text-align:left;text-wrap:balance;margin:0;padding:0;background:none;border:0}
.pmt p,.pmt li,.pmt span{text-wrap:pretty}
.pmt :where(img){display:block;max-width:100%;height:auto;border-radius:5px}
.pmt sup a{text-decoration:none;font-size:12px;padding:0 1px;font-weight:500}
.pmt-num,.pmt-stat b,.pmt-five-n,.pmt-rep-pct{font-variant-numeric:tabular-nums}

/* layout */
.pmt-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.pmt-band{padding:var(--sec) 0}
.pmt-band--paper{background:var(--paper)}
.pmt-band--mist{background:var(--mist)}
.pmt-band--night{background:linear-gradient(135deg,#061445 0%,#0a1f63 55%,#0c2a86 100%);color:#fff}
.pmt-band--hero{background:var(--hero);color:#fff}
.pmt-h2{font-size:clamp(30px,4.4vw,46px);line-height:1.08;font-weight:400;letter-spacing:-.025em;margin-bottom:18px!important}
.pmt-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--ink2);max-width:680px}
.pmt-band--night .pmt-lead,.pmt-band--hero .pmt-lead{color:rgba(255,255,255,.82)}
.pmt-h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.01em;margin-bottom:10px!important}
.pmt-split{display:grid;gap:28px}
.pmt-head{margin-bottom:44px}

/* buttons: the only elements with hover */
.pmt-btn{font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.2;border-radius:5px;padding:15px 22px;min-height:50px;
  border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;transition:background-position .4s,background-color .2s,border-color .2s}
.pmt-btn:hover{background-color:var(--mist);border-color:var(--blue);color:var(--ink)}
.pmt-btn-cta,.pmt-btn-cta:hover{background-color:#ee3a5a;background-image:var(--cta);background-size:200% auto;border:0;color:#fff!important;font-weight:600}
.pmt-btn-cta{box-shadow:0 6px 18px -8px rgba(221,36,118,.55);transition:background-position .45s ease,box-shadow .25s ease,transform .25s ease}
.pmt-btn-cta:hover{background-position:right center;box-shadow:0 12px 26px -10px rgba(221,36,118,.75);transform:translateY(-1px)}
.pmt-btn-cta:active{transform:none;box-shadow:0 4px 12px -6px rgba(221,36,118,.6)}
.pmt-btn-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}
.pmt-btn-ghost{background-color:transparent;border-color:rgba(255,255,255,.55);color:#fff!important}
.pmt-btn-ghost:hover{background-color:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.pmt-btn svg{flex:0 0 auto}
.pmt-btn:focus-visible,.pmt-mini:focus-visible,.pmt-try button:focus-visible,.pmt-rep input:focus-visible{outline:3px solid #ffb36b;outline-offset:2px}
.pmt-mini{font-family:var(--sans);font-size:14px;font-weight:500;border:1px solid var(--line2);background:#fff;color:var(--ink);border-radius:5px;
  padding:9px 13px;min-height:40px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.pmt-mini:hover{border-color:var(--blue);color:var(--blue)}
.pmt-mini[data-done]{color:#0b7a4b;border-color:#0b7a4b}
.pmt-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* hero: continues the site header gradient with no seam */
.pmt-hero{padding:56px 0 88px}
.pmt-hero .pmt-split{align-items:center}
.pmt-crumbs{font-size:14px;color:rgba(255,255,255,.72);margin-bottom:26px!important}
.pmt-crumbs a{color:rgba(255,255,255,.86);text-decoration:none}
.pmt-crumbs a:hover{color:#fff;text-decoration:underline}
.pmt-crumbs span[aria-hidden]{margin:0 8px;opacity:.6}
.pmt-h1{font-size:clamp(38px,5.6vw,64px);line-height:1.02;font-weight:400;letter-spacing:-.032em;color:#fff;margin-bottom:22px!important}
.pmt-hero .pmt-lead{font-size:clamp(18px,1.7vw,21px);max-width:600px;margin-bottom:30px!important}
.pmt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0 0 34px!important;max-width:620px}
.pmt-stat{border-left:1px solid rgba(255,255,255,.3);padding-left:14px!important}
.pmt-stat b{display:block;font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-.02em;color:#fff}
.pmt-stat span{font-size:14px;color:rgba(255,255,255,.75)}
.pmt-updated{font-size:14px;color:rgba(255,255,255,.7);margin:18px 0 0!important}

/* try-it card */
.pmt-try{background:#fff;color:var(--ink);border-radius:5px;padding:26px 26px 22px;box-shadow:0 30px 60px -20px rgba(2,10,50,.55),0 0 0 1px rgba(255,255,255,.08);max-width:500px;justify-self:end;width:100%}
.pmt-try-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--mute);margin-bottom:12px}
.pmt-try-top b{font-weight:500;color:var(--ink)}
.pmt-progress{height:4px;background:var(--line);border-radius:2px;margin-bottom:22px;overflow:hidden}
.pmt-progress i{display:block;height:100%;background:var(--hero);width:0;transition:width .35s}
.pmt-try-q{font-size:22px!important;line-height:1.35;letter-spacing:-.01em;margin:0 0 22px!important;min-height:60px;font-weight:400}
.pmt-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.pmt-scale button,.pmt-opts button{font-family:var(--sans);font-size:18px;font-weight:500;min-height:54px;border:1px solid var(--line2);border-radius:5px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.pmt-scale button:hover,.pmt-opts button:hover{border-color:var(--blue);background:var(--mist)}
.pmt-scale-lab{display:flex;justify-content:space-between;font-size:14px;color:var(--mute);margin-top:8px}
.pmt-opts{display:grid;gap:8px}
.pmt-opts button{text-align:left;padding:0 16px;font-size:16px;font-weight:400}
.pmt-try textarea{width:100%;min-height:92px;font-family:var(--sans);font-size:16px;border:1px solid var(--line2);border-radius:5px;padding:12px;resize:vertical}
.pmt-try-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}
.pmt-try-note{font-size:13.5px;color:var(--mute);margin:18px 0 0!important;padding-top:14px;border-top:1px solid var(--line)}

/* the five */
.pmt-five{border-top:1px solid var(--line2)}
.pmt-five li{display:grid!important;grid-template-columns:64px 1fr;gap:16px;align-items:baseline;padding:22px 0!important;border-bottom:1px solid var(--line2)!important}
.pmt-five-n{font-size:34px;line-height:1;font-weight:300;letter-spacing:-.03em;color:var(--blue)}
.pmt-five li span{font-size:clamp(19px,1.8vw,23px);line-height:1.35;letter-spacing:-.01em}

/* question library */
.pmt-lib{display:grid;gap:40px}
.pmt-rail{display:none}
.pmt-module{margin-bottom:64px}
.pmt-module:last-child{margin-bottom:0}
.pmt-module-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.pmt-module-head h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15;font-weight:400;letter-spacing:-.02em}
.pmt-module-head h3 small{font-size:15px;color:var(--mute);letter-spacing:0;margin-left:10px}
.pmt-module-lead{color:var(--ink2);font-size:16.5px;margin:14px 0 8px!important;max-width:720px}
.pmt-q{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:24px 0!important;border-bottom:1px solid var(--line)!important;scroll-margin-top:90px}
.pmt-pick{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-width:44px;min-height:44px;padding-top:3px}
.pmt-pick input{width:22px;height:22px;accent-color:var(--blue);cursor:pointer;margin:0}
.pmt-num{font-size:13px;color:var(--mute)}
.pmt-qtext{font-size:20px!important;line-height:1.4!important;letter-spacing:-.01em;margin:0 0 12px!important}
.pmt-ans{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;font-size:14px;color:var(--mute)}
.pmt-ans span{border:1px solid var(--line2);border-radius:4px;padding:4px 10px;background:#fff;color:var(--ink2);font-size:14px;min-width:34px;text-align:center}
.pmt-ans em{font-style:normal;font-size:13px;color:var(--mute);padding:0 2px}
.pmt-ans-key{display:none;font-style:normal;font-size:13px;color:var(--mute);flex-basis:100%}
.pmt-why{font-size:16px!important;color:var(--mute);margin:0!important;max-width:680px;line-height:1.55!important}
.pmt-qacts{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pmt-bank-sum{font-size:15px;color:var(--mute);margin-top:6px!important}

/* composer: side rail on desktop, bottom bar on phones */
.pmt-rail-box{border:1px solid var(--line);border-radius:5px;padding:22px;background:#fff;box-shadow:0 18px 40px -28px rgba(11,21,48,.35)}
.pmt-rail-count{font-size:15px;color:var(--mute);margin-bottom:4px!important}
.pmt-rail-count b{display:block;font-size:44px;line-height:1.05;font-weight:300;letter-spacing:-.03em;color:var(--ink)}
.pmt-rail-mods{margin:16px 0 18px!important;border-top:1px solid var(--line)}
.pmt-rail-mods li{display:flex!important;justify-content:space-between;align-items:center;gap:8px;padding:9px 0!important;border-bottom:1px solid var(--line)!important;font-size:15px}
.pmt-rail-mods a{color:var(--ink);text-decoration:none}
.pmt-rail-mods a:hover{color:var(--blue);text-decoration:underline}
.pmt-rail-mods span{font-size:13px;color:var(--mute);white-space:nowrap}
.pmt-rail .pmt-btn{width:100%;margin-bottom:10px}
.pmt-rail .pmt-btn-row{gap:8px}
.pmt-rail .pmt-btn-row .pmt-mini{flex:1;justify-content:center}
.pmt-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:#fff;padding:10px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:12px;
  transform:translateY(110%);transition:transform .3s;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
.pmt-bar.on{transform:none}
.pmt-bar-count{font-size:15px}
.pmt-bar-count b{font-weight:500;font-size:18px}
.pmt-bar .pmt-btn{min-height:44px;padding:10px 16px}
.pmt-rail .pmt-mini:hover{background-color:var(--mist)}
.pmt-toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:5px;font-size:15px;z-index:60;opacity:0;transition:opacity .2s;pointer-events:none;font-family:var(--sans)}
.pmt-toast.on{opacity:1}

/* print & pdf band */
.pmt-docs{display:grid;gap:24px;margin-top:8px}
.pmt-doc{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:22px}
.pmt-doc img{border-radius:3px;box-shadow:0 18px 30px -12px rgba(0,0,0,.6);background:#fff}
.pmt-doc h3{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px!important}
.pmt-doc p{font-size:15.5px;color:rgba(255,255,255,.78);margin-bottom:16px!important}
.pmt-doc .pmt-btn{min-height:44px;padding:11px 16px;font-size:15px}
.pmt-docs-note{font-size:15px;color:rgba(255,255,255,.75);margin-top:26px!important}
.pmt-docs-note button{font:inherit;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.6);padding:0;cursor:pointer}
.pmt-docs-note button:hover{border-bottom-color:#fff}

/* zig-zag guidance */
.pmt-zig{display:grid;gap:64px}
.pmt-zrow{display:grid;gap:28px;align-items:center}
.pmt-zrow figure{margin:0;max-width:460px;width:100%}
.pmt-zrow figure img{width:100%}
.pmt-zrow .pmt-h3{font-size:clamp(22px,2.2vw,28px);font-weight:400;letter-spacing:-.02em}
.pmt-zrow p{color:var(--ink2);font-size:17.5px;max-width:560px}
.pmt-chart{background:#fff;border:1px solid var(--line);border-radius:5px;padding:26px 26px 20px}
.pmt-chart h4{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:18px!important}
.pmt-cbar{display:grid;grid-template-columns:120px 1fr 52px;gap:12px;align-items:center;margin-bottom:14px}
.pmt-cbar span{font-size:14.5px;color:var(--ink2)}
.pmt-cbar b{font-size:18px;font-weight:500;text-align:right}
.pmt-ctrack{height:30px;background:var(--mist);border-radius:4px;position:relative}
.pmt-cfill{height:100%;border-radius:0 4px 4px 0;background:var(--agree2)}
.pmt-cfill--2{background:var(--agree1)}
.pmt-chart figcaption{font-size:13.5px;color:var(--mute);margin-top:12px}
.pmt-callout{margin-top:72px!important;display:grid;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:5px;padding:26px 28px}
.pmt-callout p{margin:0!important;font-size:18px;color:var(--ink)}

/* results report */
.pmt-steps{display:grid;gap:0;counter-reset:s;border-top:1px solid var(--line)}
.pmt-steps li{display:grid!important;grid-template-columns:40px 1fr;gap:14px;padding:18px 0!important;border-bottom:1px solid var(--line)!important;color:var(--ink2);font-size:16.5px}
.pmt-steps li b{font-weight:400;font-size:22px;color:var(--blue);line-height:1.1}
.pmt-rep{border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:0 30px 60px -40px rgba(11,21,48,.4)}
.pmt-rep-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}
.pmt-rep-head h3{font-size:19px;font-weight:500}
.pmt-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--ink2)}
.pmt-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.pmt-rep-body{padding:8px 24px 18px}
.pmt-rrow{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
.pmt-rrow:last-child{border-bottom:0}
.pmt-rq{font-size:15.5px;line-height:1.4;color:var(--ink)}
.pmt-rq em{font-style:normal;font-size:12.5px;font-weight:500;border-radius:3px;padding:2px 7px;margin-left:8px;white-space:nowrap}
.pmt-rq em.focus{background:#fde7e5;color:#9b1c1b}
.pmt-rq em.strong{background:#e3eefc;color:#0b4aa8}
.pmt-rin{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pmt-rin label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--mute);text-align:center}
.pmt-rin input{width:100%;min-height:40px;font-family:var(--sans);font-size:16px;text-align:center;border:1px solid var(--line2);border-radius:4px;padding:4px;background:#fff}
.pmt-rbar{display:grid;grid-template-columns:44px 1fr 48px;gap:10px;align-items:center}
.pmt-rbar .pmt-rep-pct{font-size:14px;color:var(--ink2);font-weight:500}
.pmt-rbar .pmt-rep-pct:first-child{text-align:right;color:#9b1c1b}
.pmt-rbar .pmt-rep-pct:last-child{color:#0b4aa8}
.pmt-dv{display:flex;height:22px;gap:2px;background:transparent}
.pmt-dv i{display:block;height:100%;min-width:0;transition:flex-basis .3s}
.pmt-dv i:first-child{border-radius:4px 0 0 4px}
.pmt-dv i:last-child{border-radius:0 4px 4px 0}
.pmt-dv-empty{height:22px;border:1px dashed var(--line2);border-radius:4px}
.pmt-rep-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--line);background:var(--mist);border-radius:0 0 5px 5px}
.pmt-rep-foot p{margin:0!important;font-size:14px;color:var(--mute)}
.pmt-tip{position:fixed;z-index:70;background:var(--ink);color:#fff;font-size:13px;padding:7px 10px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .12s;font-family:var(--sans)}
.pmt-tip.on{opacity:1}

/* rewrites */
.pmt-pairs{display:grid;gap:18px}
.pmt-pair{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:24px 26px}
.pmt-pair-lab{display:block;font-size:13px;color:var(--mute);margin-bottom:6px}
.pmt-pair-weak p{color:var(--mute);font-size:18px;text-decoration:line-through;text-decoration-color:rgba(90,102,120,.55);margin:0!important}
.pmt-pair-better p{font-size:19px;color:var(--ink);margin:0!important;line-height:1.45}
.pmt-pair-arrow{display:none;color:var(--blue)}
.pmt-pair-why{font-size:15.5px;color:var(--ink2);margin:0!important;padding-top:14px;border-top:1px solid var(--line)}

/* faq */
.pmt-faq details{border-bottom:1px solid var(--line2)}
.pmt-faq details:first-child{border-top:1px solid var(--line2)}
.pmt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:400;letter-spacing:-.01em}
.pmt-faq summary::-webkit-details-marker{display:none}
.pmt-faq summary:after{content:"+";flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:4px;color:var(--ink2);font-size:18px;font-weight:300}
.pmt-faq summary:hover{color:var(--blue)}
.pmt-faq details[open] summary:after{content:"\2212"}
.pmt-faq details p{padding:0 44px 22px 0;color:var(--ink2);margin:0!important}

/* closing band */
.pmt-close{text-align:center}
.pmt-close .pmt-h2{max-width:760px;margin:0 auto 18px!important;text-align:center;color:#fff}
.pmt-close .pmt-lead{margin:0 auto 34px!important;text-align:center}
.pmt-close .pmt-btn-row{justify-content:center}

/* related + sources */
.pmt-rel{display:grid;gap:14px}
.pmt-rel a{display:block;position:relative;padding-right:60px!important;border:1px solid var(--line);border-radius:5px;padding:22px 24px;text-decoration:none;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.pmt-rel a:hover{border-color:var(--blue);box-shadow:0 14px 30px -22px rgba(5,85,230,.6);color:var(--ink)}
.pmt-rel b{display:block;font-weight:500;font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
.pmt-rel span{display:block;font-size:15.5px;color:var(--ink2)}
.pmt-rel svg{position:absolute;right:24px;top:25px;color:var(--blue)}
.pmt-more{margin-top:26px!important;color:var(--ink2)}
.pmt-src{display:grid;gap:30px;margin-top:72px!important;padding-top:40px;border-top:1px solid var(--line2)}
.pmt-src h3{font-size:17px;font-weight:500;margin-bottom:10px!important}
.pmt-src p,.pmt-refs li{font-size:15px;color:var(--ink2);line-height:1.6}
.pmt-refs li{display:grid!important;grid-template-columns:26px 1fr;padding:6px 0!important}
.pmt-refs a{word-break:break-word}

/* print container is hidden on screen */
#pmt-print{display:none}

@media (min-width:720px){
  .pmt{--gut:32px}
  .pmt-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pmt-rel{grid-template-columns:1fr 1fr}
  .pmt-pair{grid-template-columns:1fr 32px 1fr;align-items:center}
  .pmt-pair-arrow{display:block}
  .pmt-pair-why{grid-column:1/-1}
  .pmt-docs{grid-template-columns:1fr 1fr}
  .pmt-q{grid-template-columns:52px minmax(0,1fr) auto}
  .pmt-qacts{grid-column:3;grid-row:1;margin-top:0;flex-direction:column;align-items:stretch}
  .pmt-rrow{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:28px;align-items:center}
  .pmt-rrow .pmt-rq{grid-column:1/-1}
  .pmt-src{grid-template-columns:1fr 1fr}
  .pmt-callout{grid-template-columns:1fr auto}
}
@media (min-width:1000px){
  .pmt{--sec:120px;--gut:40px}
  .pmt-hero{padding:72px 0 112px}
  .pmt-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
  .pmt-split--wide{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .pmt-five-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}
  .pmt-lib{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
  .pmt-rail{display:block;position:sticky;top:24px;grid-column:2;grid-row:1}
  .pmt-bank{grid-column:1;grid-row:1}
  .pmt-bar{display:none}
  .pmt-zrow{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px}
  .pmt-zrow:nth-child(even){grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .pmt-zrow:nth-child(even) figure{order:2;justify-self:end}
  .pmt-zig{gap:104px}
  .pmt-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}
  .pmt-rep-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
}
@media (max-width:719px){
  .pmt-ans em{display:none}
  .pmt-ans-key{display:block}
  .pmt-hero .pmt-btn-row .pmt-btn{flex:1 1 100%}
  .pmt-doc{grid-template-columns:96px 1fr;padding:18px;gap:16px}
  .pmt-try{padding:20px}
  .pmt-rbar{grid-template-columns:38px 1fr 42px}
}

/* print: whichever document the page prepared (questionnaire or report) */
@media print{
  @page{margin:12mm 15mm}
  body *{visibility:hidden!important}
  #pmt-print,#pmt-print *{visibility:visible!important}
  #pmt-print{display:block!important;position:absolute;left:0;top:0;width:100%}
}
/* v3 library additions: 0 to 10 scale and tick-all questions in the try-it card */
.pmt-scale--11{grid-template-columns:repeat(11,1fr);gap:4px}
.pmt-scale--11 button{font-size:15px;min-height:46px;padding:0}
.pmt-opts button[aria-pressed="true"]{border-color:var(--blue);background:var(--mist)}
@media (max-width:719px){.pmt-scale--11{grid-template-columns:repeat(6,1fr)}}
/* v3 library: free-form editorial sections (spec.extras) */
.pmt-prose{max-width:760px}
.pmt-zrow .pmt-prose{max-width:none}
.pmt .pmt-prose p{color:var(--ink2);font-size:17.5px;margin:0 0 16px}
.pmt .pmt-prose h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.01em;margin:28px 0 10px;color:var(--ink)}
.pmt .pmt-prose h3:first-child{margin-top:0}
.pmt .pmt-prose ul,.pmt .pmt-prose ol{margin:0 0 18px;padding-left:1.3em;color:var(--ink2);font-size:17px}
.pmt .pmt-prose ul{list-style:disc}
.pmt .pmt-prose ol{list-style:decimal}
.pmt .pmt-prose li{display:list-item;margin:0 0 8px;padding-left:4px}
.pmt .pmt-prose table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:16px;background:#fff;border:1px solid var(--line);border-radius:5px}
.pmt .pmt-prose th{text-align:left;font-weight:500;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--line2);background:var(--mist)}
.pmt .pmt-prose td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top}
.pmt .pmt-prose tr:last-child td{border-bottom:0}
.pmt .pmt-prose code{font-size:15px;background:var(--mist);padding:1px 6px;border-radius:3px}
@media (max-width:719px){.pmt .pmt-prose table{display:block;overflow-x:auto}.pmt .pmt-prose th,.pmt .pmt-prose td{padding:10px;font-size:15px}}
/* 3012/forms.css (loaded by the template page packages) turns every table into stacked blocks under 600px:
   thead hidden, td::before labels, right-aligned text. Content tables here stay real tables and scroll. */
@media (max-width:600px){.pmt .pmt-prose thead{display:table-header-group}.pmt .pmt-prose tbody{display:table-row-group}.pmt .pmt-prose tr{display:table-row}.pmt .pmt-prose th,.pmt .pmt-prose td{display:table-cell;text-align:left;width:auto;padding:10px}.pmt .pmt-prose td::before,.pmt .pmt-prose td:before{content:none!important;display:none!important}}
/* 3012/forms.css gives every table a drop shadow, grey zebra rows and dark navy header cells; content tables here
   use the design system's quiet version instead (same rules as the form pages). */
.pmt .pmt-prose table{box-shadow:none}
.pmt .pmt-prose tr{background:transparent}
.pmt .pmt-prose th,.pmt .pmt-prose td{border:0;border-bottom:1px solid var(--line)}
.pmt .pmt-prose th{background:var(--mist);color:var(--ink);border-bottom-color:var(--line2)}
.pmt .pmt-prose td+td,.pmt .pmt-prose th+th{border-left:1px solid var(--line)}
.pmt .pmt-prose tr:last-child td{border-bottom:0}

/* Print documents: the student questionnaire, the blank results worksheet and the filled results report.
   Used twice: inside the page (#pmt-print, shown only by @media print) and as the stylesheet of the standalone
   HTML that build-pilot2.js renders to PDF with Chromium. Sized in pt so paper output is exact. */
.pp{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#0b1530;font-size:10.5pt;line-height:1.45;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;font-feature-settings:"cv11","tnum"}
.pp *{box-sizing:border-box;margin:0;padding:0}
.pp-page{page-break-after:always;break-after:page;position:relative}
.pp-page:last-child{page-break-after:auto;break-after:auto}
.pp-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8pt;border-bottom:1.5pt solid #0555e6;margin-bottom:12pt}
.pp-brand{display:flex;align-items:center;gap:6pt;font-size:10pt;font-weight:600;color:#0b1530;letter-spacing:-.01em}
.pp-brand i{display:inline-block;width:14pt;height:14pt;border-radius:3pt;background:linear-gradient(135deg,#0555e6,#021b79)}
.pp-kind{font-size:8.5pt;color:#5a6678;text-transform:uppercase;letter-spacing:.08em}
.pp-title{font-size:20pt;line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:4pt}
.pp-sub{font-size:10pt;color:#34405a;margin-bottom:9pt}
.pp-fields{display:flex;gap:18pt;margin-bottom:9pt}
.pp-field{flex:1;font-size:9pt;color:#5a6678;border-bottom:.75pt solid #9aa3b5;padding-bottom:10pt}
.pp-note{background:#f2f5fb;border-left:2.5pt solid #0555e6;padding:6pt 10pt;font-size:9.5pt;color:#34405a;margin-bottom:9pt}
.pp-scalehead{display:grid;grid-template-columns:1fr 212pt;gap:10pt;font-size:7.5pt;color:#5a6678;text-transform:uppercase;letter-spacing:.06em;padding:0 0 4pt;border-bottom:.75pt solid #d3d8e3}
.pp-scalehead div{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}
.pp-q{display:grid;grid-template-columns:1fr 212pt;gap:10pt;align-items:center;padding:4.5pt 0;border-bottom:.5pt solid #e3e6ee;break-inside:avoid}
.pp-q p{font-size:10.5pt;line-height:1.35}
.pp-q p,.pp-qo p{display:grid;grid-template-columns:16pt 1fr}
.pp-q p b{font-weight:500;color:#0555e6}
.pp-boxes{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center}
.pp-box{width:15pt;height:15pt;border:.9pt solid #34405a;border-radius:2.5pt;font-size:7.5pt;color:#9aa3b5;display:flex;align-items:center;justify-content:center}
.pp-opts{display:flex;flex-wrap:wrap;gap:6pt 14pt;padding:3pt 0 0 16pt;font-size:9.5pt;color:#34405a}
.pp-opts span{display:inline-flex;align-items:center;gap:5pt}
.pp-opts span i{display:inline-block;width:10pt;height:10pt;border:.9pt solid #34405a;border-radius:2pt}
.pp-qo{padding:5pt 0 6pt;border-bottom:.5pt solid #e3e6ee;break-inside:avoid}
.pp-qo p b{font-weight:500;color:#0555e6}
.pp-lines{margin:4pt 0 0 16pt;height:52pt;background:repeating-linear-gradient(to bottom,transparent 0,transparent 16.5pt,#c5ccd9 16.5pt,#c5ccd9 17.25pt)}
.pp-hint{font-size:8.5pt;color:#5a6678}
.pp-nps{display:flex;flex-wrap:wrap;align-items:center;gap:4pt;padding:4pt 0 0 16pt;font-size:8pt;color:#5a6678}
.pp-nps .pp-box{width:14pt;height:14pt}
.pp-h{font-size:11.5pt;font-weight:500;margin:9pt 0 2pt;letter-spacing:-.01em}
.pp-hs{font-size:9pt;color:#5a6678;margin-bottom:6pt}
.pp-foot{display:flex;justify-content:space-between;margin-top:10pt;padding-top:6pt;border-top:.75pt solid #d3d8e3;font-size:8pt;color:#5a6678}
/* worksheet */
.pp-tally{width:100%;border-collapse:collapse;margin-top:4pt}
.pp-tally th{font-size:7.5pt;font-weight:500;color:#5a6678;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:4pt 2pt;border-bottom:.9pt solid #34405a}
.pp-tally th:first-child{text-align:left}
.pp-tally td{border-bottom:.5pt solid #d3d8e3;padding:0;height:22pt;font-size:9.5pt;vertical-align:middle}
.pp-tally td:first-child{padding-right:8pt;line-height:1.3}
.pp-tally td.c{border-left:.5pt solid #e3e6ee;width:34pt}
.pp-tally td.k{border-left:.9pt solid #34405a;width:46pt;background:#f2f5fb}
.pp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10pt;margin-top:10pt}
.pp-card{border:.75pt solid #d3d8e3;border-radius:3pt;padding:7pt 10pt;min-height:64pt;break-inside:avoid}
.pp-card h4{font-size:9.5pt;font-weight:500;margin-bottom:4pt}
.pp-card p{font-size:8.5pt;color:#5a6678}
.pp-card .pp-lines{margin-left:0;height:36pt}
/* report */
.pp-legend{display:flex;gap:10pt;font-size:8pt;color:#34405a;margin:2pt 0 8pt}
.pp-legend i{display:inline-block;width:9pt;height:9pt;border-radius:1.5pt;margin-right:4pt;vertical-align:-1pt}
.pp-rrow{padding:6pt 0;border-bottom:.5pt solid #e3e6ee;break-inside:avoid}
.pp-rrow p{font-size:9.5pt;margin-bottom:3pt}
.pp-rrow p em{font-style:normal;font-size:7.5pt;font-weight:500;padding:1pt 5pt;border-radius:2pt;margin-left:6pt}
.pp-rrow p em.focus{background:#fde7e5;color:#9b1c1b}
.pp-rrow p em.strong{background:#e3eefc;color:#0b4aa8}
.pp-rbar{display:grid;grid-template-columns:30pt 1fr 32pt;gap:6pt;align-items:center;font-size:8.5pt}
.pp-rbar span:first-child{text-align:right;color:#9b1c1b}
.pp-rbar span:last-child{color:#0b4aa8;font-weight:500}
.pp-dv{display:flex;height:11pt;gap:1.2pt}
.pp-dv i{display:block;height:100%}
.pp-stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:10pt;margin:4pt 0 10pt}
.pp-stat3 div{border:.75pt solid #d3d8e3;border-radius:3pt;padding:7pt 9pt}
.pp-stat3 b{display:block;font-size:17pt;font-weight:400;letter-spacing:-.02em}
.pp-stat3 span{font-size:8pt;color:#5a6678}
