/* XF member area preview. Brand Guide 2.0: monochrome plus one green, rationed. Mobile first: 375px base, then 768, then 1280. */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:var(--font-text);font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums;background:var(--xf-black);color:var(--xf-white);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}
:root{--gutter:20px;--header-h:56px;}
.container{max-width:760px;margin:0 auto;padding:0 var(--gutter);width:100%;}
img{max-width:100%;display:block;}
a{color:inherit;}
.display{font-family:var(--font-display);font-weight:800;font-style:italic;text-transform:uppercase;line-height:var(--display-lh);letter-spacing:var(--display-track);}
.stop{color:var(--xf-green);}
.eyebrow{font-weight:600;font-size:12px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--xf-green);display:flex;align-items:center;gap:10px;margin-bottom:var(--s-4);}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--xf-green);flex:none;}
.util{background:var(--grey-500);border-bottom:1px solid var(--hairline-dark);}
.util-inner{max-width:1200px;margin:0 auto;padding:8px var(--gutter);display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font-size:12px;letter-spacing:.04em;color:var(--grey-200);}
nav.top{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--hairline-dark);background:var(--xf-black);}
nav.top img{height:36px;width:36px;}
nav.top > a:first-child{display:inline-flex;align-items:center;min-height:48px;min-width:48px;}
nav.top a.out{display:inline-flex;align-items:center;min-height:48px;padding:0 4px;font-size:12px;font-weight:600;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--grey-200);text-decoration:none;}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hairline-dark);background:var(--xf-black);}
.tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--grey-300);text-decoration:none;border-bottom:2px solid transparent;}
.tabs a[aria-current=page]{color:var(--xf-white);border-bottom-color:var(--xf-green);}
.preview{background:var(--grey-500);border-bottom:1px dashed var(--grey-300);}
.preview-inner{max-width:1200px;margin:0 auto;padding:10px var(--gutter);display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--grey-100);}
.preview b{color:var(--xf-white);}
.preview .pdot{width:8px;height:8px;background:var(--xf-white);flex:none;margin-top:6px;}
main{padding-bottom:var(--s-12);}
.phead{padding:var(--s-6) 0 var(--s-2);}
.phead h1{font-size:clamp(38px,11vw,68px);}
.phead h1.calm{font-family:var(--font-text);font-weight:700;font-style:normal;text-transform:none;font-size:clamp(30px,8vw,44px);line-height:1.15;letter-spacing:-.01em;}
.phead .lede{color:var(--grey-200);font-size:16px;margin-top:var(--s-2);max-width:56ch;line-height:1.6;}
.card{background:var(--grey-500);border:1px solid var(--hairline-dark);border-radius:var(--radius-card);padding:20px;margin-top:var(--s-4);}
.card h2{font-size:clamp(26px,7vw,34px);margin:2px 0 10px;}
.card__label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--grey-300);margin-bottom:var(--s-4);display:block;}
.rule{color:var(--grey-100);font-size:15px;line-height:1.65;max-width:62ch;}
.rule + .rule{margin-top:10px;}
.rule b{color:var(--xf-white);}
.fine{color:var(--grey-200);font-size:13px;line-height:1.6;margin-top:12px;max-width:62ch;}
.fine a,.rule a{text-decoration:underline;text-underline-offset:3px;}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.facts dt{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey-300);font-weight:600;}
.facts dd{font-size:15px;color:var(--xf-white);}
.pots{list-style:none;border-top:1px solid var(--hairline-dark);}
.pots li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--hairline-dark);font-size:15px;color:var(--grey-100);}
.pots li b{color:var(--xf-white);}
.field{margin-top:var(--s-4);display:flex;flex-direction:column;gap:6px;}
.field label{font-size:14px;font-weight:600;color:var(--grey-100);}
.field input{min-height:48px;padding:0 14px;border:1px solid var(--grey-300);border-radius:var(--radius);background:var(--xf-black);color:var(--xf-white);font-family:var(--font-text);font-size:16px;width:100%;max-width:420px;color-scheme:dark;}
.field input.code{letter-spacing:.4em;font-size:22px;text-align:center;max-width:260px;}
.field input:focus-visible,.more:focus-visible{outline:2px solid var(--grey-200);outline-offset:2px;}
.sum{margin-top:var(--s-4);padding:14px 16px;border:1px solid var(--hairline-dark);border-radius:var(--radius);background:var(--xf-black);font-size:15px;color:var(--xf-white);}
.sum.bad{border-color:var(--grey-200);}
.sum small{display:block;color:var(--grey-200);font-size:13px;margin-top:4px;}
.effects{list-style:none;margin-top:12px;border-top:1px solid var(--hairline-dark);}
.effects li{padding:10px 0;border-bottom:1px solid var(--hairline-dark);font-size:14px;color:var(--grey-100);display:flex;gap:12px;}
.effects li b{color:var(--xf-white);width:120px;flex:none;font-weight:600;}
fieldset{border:0;}
legend{padding:0;}
.reasons{list-style:none;display:flex;flex-direction:column;gap:10px;}
.reason{position:relative;}
.reason input{font-size:16px;position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0;}
.reason label{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:52px;border:1px solid var(--hairline-dark);border-radius:var(--radius);cursor:pointer;font-size:15px;color:var(--xf-white);transition:border-color var(--t-fast) var(--ease);}
.reason label::before{content:'';width:18px;height:18px;border-radius:50%;border:2px solid var(--grey-300);flex:none;}
.reason input:hover + label{border-color:var(--grey-300);}
.reason input:checked + label{border-color:var(--xf-green);}
.reason input:checked + label::before{border-color:var(--xf-green);background:radial-gradient(circle,var(--xf-green) 0 4px,transparent 5px);}
.reason input:focus-visible + label{outline:2px solid var(--grey-200);outline-offset:2px;}
.more{margin-top:0;width:100%;min-height:88px;padding:12px 14px;border:1px solid var(--hairline-dark);border-radius:var(--radius);background:var(--xf-black);color:var(--xf-white);font-family:var(--font-text);font-size:16px;resize:vertical;}
.more::placeholder{color:var(--grey-300);}
.final{background:var(--grey-500);border:1px solid var(--hairline-dark);border-left:3px solid var(--xf-green);border-radius:var(--radius-card);padding:20px;margin-top:var(--s-4);}
.final .eyebrow{margin-bottom:var(--s-2);}
.final__day{font-weight:700;font-size:clamp(24px,7vw,34px);line-height:1.15;letter-spacing:-.01em;margin:6px 0 14px;}
.steps{list-style:none;border-top:1px solid var(--hairline-dark);margin-top:6px;}
.steps li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--hairline-dark);font-size:14px;color:var(--grey-100);}
.steps li b{color:var(--xf-white);font-weight:600;text-align:right;}
.steps li.pick b{color:var(--xf-green);}
.actions{display:flex;flex-direction:column;gap:12px;margin-top:var(--s-6);}
.btn{font-family:var(--font-text);font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;min-height:54px;padding:0 24px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:1px solid transparent;text-decoration:none;width:100%;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);}
.btn-primary{background:var(--xf-green);color:var(--xf-black);}
.btn-primary:hover{background:var(--xf-green-hover);}
.btn-primary:disabled{background:var(--grey-400);color:var(--grey-200);cursor:not-allowed;}
.btn-quiet{background:transparent;color:var(--grey-100);border-color:var(--grey-300);}
.btn-quiet:hover{border-color:var(--xf-white);color:var(--xf-white);}
.btn:focus-visible,.tabs a:focus-visible,nav.top a:focus-visible{outline:2px solid var(--grey-200);outline-offset:2px;}
.hint{margin-top:12px;font-size:14px;color:var(--xf-white);display:none;border-left:2px solid var(--xf-white);padding-left:10px;}
.hint.show{display:block;}
.links{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.reviewer{margin-top:var(--s-8);border:1px dashed var(--grey-300);border-radius:var(--radius-card);padding:16px 18px;}
.reviewer p{font-size:12px;color:var(--grey-200);letter-spacing:.04em;}
.reviewer ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.reviewer a{display:inline-flex;min-height:44px;align-items:center;padding:0 12px;border:1px solid var(--grey-300);border-radius:var(--radius);font-size:13px;color:var(--grey-100);text-decoration:none;}
.reviewer a[aria-current=true]{border-color:var(--xf-green);color:var(--xf-white);}
footer{margin-top:auto;border-top:1px solid var(--hairline-dark);padding:var(--s-6) 0;}
.foot-grid{max-width:760px;margin:0 auto;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;}
footer img{height:28px;width:28px;}
footer .label{color:var(--grey-300);font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
footer a.back{display:inline-flex;align-items:center;min-height:44px;color:var(--grey-200);text-decoration:underline;text-underline-offset:3px;}
@media(min-width:768px){
  :root{--gutter:32px;--header-h:64px;}
  .actions{flex-direction:row;}
  .btn{width:auto;min-width:220px;}
  .card{padding:24px;}
  .links{flex-direction:row;flex-wrap:wrap;}
  .tabs{max-width:760px;margin:0 auto;width:100%;}
}
@media(min-width:1280px){
  :root{--gutter:40px;}
  main{padding-bottom:var(--s-16);}
  .phead{padding-top:var(--s-12);}
}
@media(prefers-reduced-motion:reduce){*{transition:none;}}