@layer components{.s-filterbar{background:var(--ink-050);border:1px solid var(--line-1);border-radius:var(--radius-1);gap:16px;margin-bottom:24px;padding:16px;display:grid}@media (min-width:900px) and (min-height:900px){.s-filterbar--sticky{top:calc(var(--s-header-h) + 8px);z-index:30;box-shadow:var(--shadow-1);position:sticky}}.s-filterbar__row{flex-wrap:wrap;align-items:flex-end;gap:12px 24px;display:flex}.s-filtergroup{gap:6px;min-width:0;max-width:100%;display:grid}.s-filtergroup__label{color:var(--ink-700);font-size:14px;font-weight:700}.s-chips{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.s-chip{max-width:100%;min-height:44px;font:inherit;color:var(--hhtl-navy);background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-1);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:0 14px;font-size:15px;line-height:1.2;transition:border-color .15s ease-out,background .15s ease-out;display:inline-flex}.s-chip:hover{border-color:var(--hhtl-navy)}.s-chip[aria-pressed=true],.s-chip[aria-selected=true]{background:var(--hhtl-navy);border-color:var(--hhtl-navy);color:#fff}.s-chip__count{font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:13px}.s-chip[aria-pressed=true] .s-chip__count,.s-chip[aria-selected=true] .s-chip__count{color:#ffffffd1}.s-search{width:100%;max-width:420px;display:block;position:relative}.s-search svg{color:var(--ink-500);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.s-search .s-input{padding-left:42px}.s-resultbar{min-height:44px;color:var(--ink-700);flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:15px;display:flex}.s-resultbar strong{color:var(--hhtl-navy)}.s-filterbar .s-select{width:auto;min-width:0;max-width:100%}.s-fold{border:1px solid var(--line-1);border-radius:var(--radius-1);background:var(--paper)}.s-fold>summary{cursor:pointer;min-height:44px;color:var(--hhtl-navy);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-weight:700;list-style:none;display:flex}.s-fold>summary::-webkit-details-marker{display:none}.s-fold>summary svg{flex:none;transition:transform .15s ease-out}.s-fold[open]>summary svg{transform:rotate(180deg)}.s-fold__body{border-top:1px solid var(--line-1);padding:4px 16px 16px}.s-fold__rows{display:grid}.s-fold__row{border-bottom:1px solid var(--line-1);gap:8px;padding-block:12px;display:grid}.s-fold__row:last-child{border-bottom:0}@media (min-width:760px){.s-fold__row{grid-template-columns:140px minmax(0,1fr);gap:20px}}.s-legend{gap:12px;margin:8px 0 0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:grid}.s-legend li{justify-items:start;gap:4px;display:grid}.s-empty{border:1px solid var(--line-1);border-radius:var(--radius-1);background:var(--ink-050);justify-items:start;gap:12px;padding:40px 24px;display:grid}.s-empty h2,.s-empty h3{font-size:24px}.s-xgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:24px;display:grid}.s-xcard{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--radius-1);flex-direction:column;min-width:0;height:100%;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:flex}.s-xcard:hover{border-color:var(--ink-400)}.s-xcard--open{border-color:var(--hhtl-navy);box-shadow:var(--shadow-2)}.s-xcard__btn{text-align:left;width:100%;font:inherit;color:inherit;border-radius:var(--radius-1);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.s-xcard__head{align-items:flex-start;gap:16px;display:flex}.s-xcard__heading{flex:1;gap:4px;min-width:0;display:grid}.s-xcard__title{color:var(--hhtl-navy);margin:0;font-size:20px;font-weight:700;line-height:1.25}.s-xcard__btn:hover .s-xcard__title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.s-xcard__sub{color:var(--ink-500);font-size:14px;line-height:1.35}.s-xcard__text{color:var(--ink-700);margin:0;font-size:16px;line-height:1.5}.s-xcard__text--clamp3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.s-xcard__text--clamp4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.s-xcard__foot{border-top:1px solid var(--line-1);color:var(--ink-500);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;font-size:15px;display:flex}.s-xcard__cue{color:var(--hhtl-navy);align-items:center;gap:6px;font-weight:700;display:inline-flex}.s-xcard__cue svg{transition:transform .15s ease-out}.s-xcard--open .s-xcard__cue svg{transform:rotate(180deg)}.s-xcard__panel{border-top:1px solid var(--line-1);gap:16px;padding:20px 24px 24px;display:grid}.s-xcard__panel[hidden]{display:none}.s-xcard__field>dt,.s-fieldlabel{font-size:var(--fs-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-500);font-weight:700}.s-xcard__field>p,.s-xcard__field>ul{color:var(--ink-900);margin:4px 0 0;font-size:16px;line-height:1.5}.s-xcard__links{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.s-xcard__links a{align-items:center;gap:4px;min-height:32px;font-size:15px;display:inline-flex}.s-xcard__actions{flex-wrap:wrap;gap:12px;display:flex}.s-xcard__list{gap:6px;margin:4px 0 0;padding-left:20px;display:grid}.s-xcard__list li::marker{color:var(--hhtl-navy)}.s-playbook-meta{color:var(--ink-500);font-size:14px}.s-badge{letter-spacing:.02em;color:var(--hhtl-navy);background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-1);align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.s-badge--navy{background:var(--hhtl-navy);border-color:var(--hhtl-navy);color:#fff}.s-badge--wash{background:var(--ink-100);border-color:var(--ink-100)}.s-badge--gold{background:var(--hhtl-gold-100);border-color:var(--hhtl-gold)}.s-badge--alert{color:var(--htl-coral-dark);border-color:var(--htl-coral-dark)}.s-badge--ok{color:var(--htl-teal-dark);border-color:var(--htl-teal-dark)}.s-badge--rule{border-left:4px solid var(--hhtl-gold)}.s-badge--lg{padding:6px 12px;font-size:14px}.s-badges{flex-wrap:wrap;gap:6px;display:flex}.s-logo{border-radius:var(--radius-1);background:var(--paper);border:1px solid var(--line-1);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.s-logo--initial{background:var(--hhtl-navy);color:#fff;border:0;font-weight:700}.s-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink-050);border:1px solid var(--line-1);border-radius:var(--radius-1);color:var(--ink-900);margin:0;padding:16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.6}.s-code code{font-family:inherit}.s-code--scroll{max-height:220px;overflow-y:auto}.s-code mark,.s-keyline{background:var(--hhtl-gold-100);color:var(--hhtl-navy);border-radius:0;padding:0 2px;font-weight:700}.s-copy{min-height:44px;font:inherit;color:var(--hhtl-navy);background:var(--paper);border:1px solid var(--hhtl-navy);border-radius:var(--radius-1);cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;transition:background .15s ease-out,color .15s ease-out;display:inline-flex}.s-copy:hover{background:var(--ink-050)}.s-copy[data-state=copied]{background:var(--hhtl-navy);color:#fff}.s-copy[data-state=error]{border-color:var(--htl-coral-dark);color:var(--htl-coral-dark)}@media print{.s-copy{display:none}}.s-tip{border-left:3px solid var(--hhtl-gold);background:var(--ink-050);padding:12px 16px;font-size:16px}.s-tip strong{color:var(--hhtl-navy)}.s-formula{gap:32px;display:grid}@media (min-width:960px){.s-formula{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px}}.s-tabs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.s-tabpanel{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--radius-1);padding:16px}.s-stages{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.s-stage{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--radius-1)}.s-stage[open]{border-color:var(--hhtl-navy)}.s-stage>summary{cursor:pointer;align-items:flex-start;gap:16px;min-height:44px;padding:20px;list-style:none;display:flex}.s-stage>summary::-webkit-details-marker{display:none}.s-stage>summary:hover .s-stage__name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.s-stage__num{letter-spacing:-.03em;min-width:2ch;color:var(--hhtl-navy);font-variant-numeric:tabular-nums;border-bottom:3px solid var(--hhtl-gold);flex:none;padding-bottom:6px;font-size:28px;font-weight:700;line-height:1}.s-stage__titles{flex:1;gap:4px;min-width:0;display:grid}.s-stage__name{color:var(--hhtl-navy);font-size:19px;font-weight:700;line-height:1.3;display:block}.s-stage__summary{color:var(--ink-700);font-size:16px;line-height:1.5;display:block}.s-stage__chev{color:var(--hhtl-navy);flex:none;margin-top:4px;transition:transform .15s ease-out}.s-stage[open] .s-stage__chev{transform:rotate(180deg)}.s-stage__body{border-top:1px solid var(--line-1);gap:20px;padding:20px;display:grid}.s-stage__body>*{min-width:0}.s-promptgroup{border:1px solid var(--line-1);border-left:3px solid var(--hhtl-gold);border-radius:var(--radius-1);background:var(--paper);gap:12px;padding:16px;display:grid}.s-promptgroup__head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.s-promptgroup__title{color:var(--hhtl-navy);font-size:18px;font-weight:700}.s-promptgroup__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.s-list{color:var(--ink-900);gap:6px;margin:0;padding-left:22px;display:grid}.s-list li::marker{color:var(--hhtl-navy);font-weight:700}.s-note{color:var(--ink-500);font-size:15px}.s-gate{color:var(--hhtl-navy)}.s-wfnav{gap:8px;display:grid}.s-wfnav__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.s-wfnav__link{min-height:44px;color:var(--hhtl-navy);background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-1);align-items:center;gap:8px;padding:0 14px;font-size:15px;text-decoration:none;display:inline-flex}.s-wfnav__link:hover{border-color:var(--hhtl-navy)}.s-wfnav__link[aria-current=true]{background:var(--hhtl-navy);border-color:var(--hhtl-navy);color:#fff}.s-detail{gap:clamp(32px,5vw,56px);display:grid}.s-detail section>h2{margin-bottom:12px;font-size:26px}.s-back{min-height:44px;color:var(--hhtl-navy);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.s-back:hover{text-decoration:underline}}