/* Help and legal system: an editorial marketplace ledger, not a generic card wall. */

:root{
  --hl-ink:#1b1917;
  --hl-copy:#5b5550;
  --hl-muted:#766f69;
  --hl-line:#ded8d2;
  --hl-paper:#fffdfb;
  --hl-warm:#f6f1ed;
  --hl-coral:#c84a3b;
  --hl-green:#244f46;
  --hl-amber:#e7a83f;
  --hl-blue:#335b68;
  --hl-radius:26px;
}

.help-legal-page{background:var(--hl-paper);color:var(--hl-ink)}
.help-legal-page main{min-height:60vh}
.help-legal-page a{text-underline-offset:4px}

.hl-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hl-crumbs{padding-top:34px;color:var(--hl-muted);font-size:13px}
.hl-crumbs a{color:inherit}

.hl-hero{position:relative;padding:clamp(70px,10vw,138px) 0 clamp(64px,8vw,108px);overflow:hidden}
.hl-hero:before{content:"";position:absolute;inset:0 0 auto 50%;width:min(760px,70vw);height:520px;transform:translateX(-4%);background:radial-gradient(circle at 35% 35%,rgba(200,74,59,.13),transparent 39%),radial-gradient(circle at 70% 38%,rgba(231,168,63,.16),transparent 35%),radial-gradient(circle at 62% 76%,rgba(36,79,70,.12),transparent 38%);filter:blur(10px);pointer-events:none}
.hl-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(46px,8vw,112px);align-items:end}
.hl-kicker{display:block;margin-bottom:19px;color:#9c382e;font:750 12px/1 'Schibsted Grotesk',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.hl-hero h1,.legal-masthead h1{margin:0;font:720 clamp(52px,7.4vw,102px)/.94 'Schibsted Grotesk',sans-serif;letter-spacing:-.07em;text-wrap:balance}
.hl-hero-copy>p,.legal-masthead-copy>p{max-width:720px;margin:27px 0 0;color:var(--hl-copy);font-size:clamp(18px,1.7vw,23px);line-height:1.48;text-wrap:balance}
.hl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.hl-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border:1px solid var(--hl-ink);border-radius:999px;background:var(--hl-ink);color:#fff;text-decoration:none;font:700 14px/1 'Schibsted Grotesk',sans-serif;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background-color .2s ease}
.hl-button.secondary{background:transparent;color:var(--hl-ink);border-color:#8f8780}
.hl-button.light{background:#fff;color:var(--hl-ink);border-color:#fff}
.hl-button.on-dark{background:transparent;color:#fff;border-color:#928a83}
.hl-button span{font-size:17px;transition:transform .22s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.hl-button:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(36,28,22,.14)}.hl-button:hover span{transform:translateX(3px)}}

.hl-search-card{position:relative;padding:27px;border:1px solid rgba(55,43,35,.1);border-radius:var(--hl-radius);background:rgba(255,253,251,.88);box-shadow:0 28px 75px rgba(58,41,29,.11);backdrop-filter:blur(18px)}
.hl-search-card label{display:block;margin-bottom:12px;font:700 14px/1.25 'Schibsted Grotesk',sans-serif}
.hl-search-row{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:58px;padding:0 14px;border:1px solid #8f8780;border-radius:16px;background:#fff}
.hl-search-row svg{width:20px;height:20px;color:#655f59}
.hl-search-row input{width:100%;height:54px;border:0;outline:0;background:transparent;color:var(--hl-ink);font:500 16px 'DM Sans',sans-serif}
.hl-search-row:focus-within{border-color:#9f3e34;box-shadow:0 0 0 3px rgba(159,62,52,.13)}
.hl-search-hint{margin:13px 0 0;color:var(--hl-muted);font-size:12px;line-height:1.5}
.hl-search-status{min-height:20px;margin:11px 0 0;color:var(--hl-green);font-size:13px;font-weight:700}

.role-ledger{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border:1px solid #d7d0ca;border-radius:22px;overflow:hidden;background:#fff}
.role-ledger article{position:relative;min-height:180px;padding:25px}
.role-ledger article+article{border-left:1px solid #d7d0ca}
.role-ledger small{display:flex;align-items:center;gap:9px;color:var(--hl-muted);font:750 11px/1 'Schibsted Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.role-ledger small:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hl-coral)}
.role-ledger article:nth-child(2) small:before{background:var(--hl-green)}
.role-ledger article:nth-child(3) small:before{background:var(--hl-amber)}
.role-ledger strong{display:block;margin:25px 0 9px;font:700 21px/1.12 'Schibsted Grotesk',sans-serif;letter-spacing:-.035em}
.role-ledger p{margin:0;color:var(--hl-copy);font-size:14px;line-height:1.55}
.role-ledger.compact{margin-top:0}
.role-ledger.compact article{min-height:165px}

.hl-section{padding:clamp(78px,9vw,126px) 0;border-top:1px solid var(--hl-line)}
.hl-section.warm{width:100%;background:var(--hl-warm);border-top:0}
.hl-section-head{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr);gap:clamp(36px,7vw,100px);margin-bottom:53px}
.hl-section-head h2{max-width:840px;margin:0;font:700 clamp(40px,5.5vw,73px)/.98 'Schibsted Grotesk',sans-serif;letter-spacing:-.06em;text-wrap:balance}
.hl-section-head p{max-width:730px;margin:20px 0 0;color:var(--hl-copy);font-size:18px;line-height:1.58}

.hl-role-links,.hl-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--hl-line);border-radius:var(--hl-radius);overflow:hidden;background:var(--hl-line);gap:1px}
.hl-role-link,.hl-topic-card{position:relative;display:flex;min-height:270px;padding:clamp(28px,4vw,48px);flex-direction:column;background:var(--hl-paper);color:inherit;text-decoration:none}
.hl-role-link:first-child{background:#fff6f1}.hl-role-link:last-child{background:#f0f6f2}
.hl-role-link small,.hl-topic-card small{color:var(--hl-muted);font:750 11px/1 'Schibsted Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.hl-role-link h3,.hl-topic-card h3{max-width:480px;margin:58px 0 12px;font:700 clamp(28px,3.2vw,43px)/1 'Schibsted Grotesk',sans-serif;letter-spacing:-.05em}
.hl-role-link p,.hl-topic-card p{max-width:490px;margin:0;color:var(--hl-copy);font-size:15px;line-height:1.58}
.hl-role-link b,.hl-topic-card b{position:absolute;right:31px;top:31px;display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:var(--hl-ink);color:#fff;font-size:18px;transition:transform .24s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.hl-role-link:hover b,.hl-topic-card:hover b{transform:translate(3px,-3px)}.hl-role-link:hover,.hl-topic-card:hover{background:#fff}}
.hl-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hl-topic-card{min-height:245px;padding:32px}
.hl-topic-card h3{margin-top:48px;font-size:27px}
.hl-topic-card b{right:24px;top:24px;width:37px;height:37px;font-size:15px}
.hl-topic-card[hidden],.faq-group[hidden]{display:none!important}

.hl-escalation{padding:clamp(76px,9vw,122px) 0;background:var(--hl-ink);color:#fff}
.hl-escalation .hl-kicker{color:#ffb7ad}
.hl-escalation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;align-items:end}
.hl-escalation h2{max-width:780px;margin:0;font:700 clamp(43px,6vw,82px)/.96 'Schibsted Grotesk',sans-serif;letter-spacing:-.065em;text-wrap:balance}
.hl-escalation p{max-width:620px;margin:23px 0 0;color:#cbc2bb;font-size:17px}
.hl-escalation-note{padding:27px;border:1px solid #4a4540;border-radius:20px;background:#24211e}
.hl-escalation-note strong{display:block;font:700 17px 'Schibsted Grotesk',sans-serif}
.hl-escalation-note p{margin:9px 0 0;color:#bcb3ac;font-size:14px}

.help-doc-hero{padding:clamp(67px,9vw,118px) 0 58px}
.help-doc-hero h1{max-width:940px;margin:0;font:720 clamp(49px,7vw,90px)/.95 'Schibsted Grotesk',sans-serif;letter-spacing:-.067em;text-wrap:balance}
.help-doc-hero p{max-width:730px;margin:25px 0 0;color:var(--hl-copy);font-size:clamp(18px,1.6vw,22px);line-height:1.53}
.help-doc-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(48px,8vw,112px);align-items:start;padding:54px 0 clamp(88px,10vw,145px);border-top:1px solid var(--hl-line)}
.help-index,.legal-index{position:sticky;top:118px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.help-index strong,.legal-index strong{display:block;margin-bottom:15px;color:var(--hl-muted);font:750 11px/1 'Schibsted Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.help-index nav,.legal-index nav{display:grid;border-top:1px solid var(--hl-line)}
.help-index a,.legal-index a{display:flex;min-height:45px;align-items:center;border-bottom:1px solid var(--hl-line);color:#5b5550;text-decoration:none;font-size:13px;line-height:1.35}
.help-index a:hover,.legal-index a:hover{color:var(--hl-ink)}
.help-index .index-contact,.legal-index .index-contact{margin-top:24px;padding:18px;border:1px solid var(--hl-line);border-radius:15px;color:var(--hl-copy);font-size:13px;line-height:1.5}

.faq-groups{display:grid;gap:72px}
.faq-group h2{margin:0 0 23px;font:700 clamp(30px,3.5vw,44px)/1.06 'Schibsted Grotesk',sans-serif;letter-spacing:-.045em}
.faq-group>p{max-width:720px;margin:-9px 0 26px;color:var(--hl-copy)}
.faq-group details{border-top:1px solid var(--hl-line);border-bottom:0}
.faq-group details:last-child{border-bottom:1px solid var(--hl-line)}
.faq-group summary{padding:25px 58px 25px 0;font:700 18px/1.35 'Schibsted Grotesk',sans-serif}
.faq-group summary:after{right:0;top:20px;width:36px;height:36px;background:#ede8e4}
.faq-group details[open] summary:after{background:var(--hl-ink);color:#fff}
.faq-answer{max-width:780px;padding:0 54px 29px 0!important;color:var(--hl-copy)!important;font-size:16px;line-height:1.7}
.faq-answer p{margin:0 0 14px}.faq-answer p:last-child{margin-bottom:0}
.faq-answer ul,.faq-answer ol{padding-left:22px}.faq-answer li+li{margin-top:7px}

.legal-masthead{padding:clamp(66px,9vw,116px) 0 55px}
.legal-masthead-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(48px,7vw,100px);align-items:end}
.legal-meta-card{padding:25px;border:1px solid var(--hl-line);border-radius:20px;background:#fff}
.legal-meta-card dl{margin:0}.legal-meta-card div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--hl-line)}.legal-meta-card div:last-child{border-bottom:0}
.legal-meta-card dt{color:var(--hl-muted);font-size:12px}.legal-meta-card dd{margin:0;font:700 13px/1.45 'Schibsted Grotesk',sans-serif}
.legal-summary{padding:0 0 clamp(70px,8vw,105px)}
.legal-key-notice{margin-top:25px;padding:24px 27px;border-left:5px solid var(--hl-coral);background:#fff4ef;color:#4f4640;font-size:15px;line-height:1.65}
.legal-key-notice strong{color:var(--hl-ink)}
.legal-document{border-top:1px solid var(--hl-line)}
.legal-document-grid{display:grid;grid-template-columns:270px minmax(0,760px);justify-content:space-between;gap:clamp(48px,9vw,130px);align-items:start;padding:clamp(70px,8vw,112px) 0 clamp(100px,12vw,170px)}
.legal-prose{min-width:0}
.legal-prose>p:first-child{margin-top:0;font-size:20px;line-height:1.6;color:#3d3834}
.legal-prose section{scroll-margin-top:120px}
.legal-prose section+section{margin-top:74px;padding-top:36px;border-top:1px solid var(--hl-line)}
.legal-prose h2{margin:0 0 17px;font:700 clamp(28px,3vw,39px)/1.08 'Schibsted Grotesk',sans-serif;letter-spacing:-.045em;text-wrap:balance}
.legal-prose h3{margin:31px 0 10px;font:700 19px/1.25 'Schibsted Grotesk',sans-serif;letter-spacing:-.02em}
.legal-prose p,.legal-prose li{color:var(--hl-copy);font-size:16px;line-height:1.74}
.legal-prose p{margin:0 0 17px}.legal-prose li+li{margin-top:9px}
.legal-prose ul,.legal-prose ol{padding-left:24px;margin:17px 0 24px}
.legal-prose a{font-weight:650}
.legal-callout{margin:27px 0;padding:23px 25px;border:1px solid #d8d0c9;border-radius:17px;background:#f8f4f1;color:#4e4843;font-size:15px;line-height:1.65}
.legal-callout.critical{border:0;border-left:5px solid var(--hl-coral);border-radius:0;background:#fff1ec}
.legal-callout.safety{border:0;border-left:5px solid var(--hl-green);border-radius:0;background:#eff6f1}
.legal-callout strong{color:var(--hl-ink)}
.definition-list{display:grid;gap:1px;margin:25px 0;background:var(--hl-line);border:1px solid var(--hl-line);border-radius:18px;overflow:hidden}
.definition-list div{display:grid;grid-template-columns:minmax(130px,.38fr) minmax(0,1.62fr);gap:24px;padding:20px;background:#fff}
.definition-list dt{font:700 14px/1.45 'Schibsted Grotesk',sans-serif}.definition-list dd{margin:0;color:var(--hl-copy);font-size:14px;line-height:1.6}
.policy-table{margin:27px 0;border:1px solid var(--hl-line);border-radius:18px;overflow:hidden}
.policy-row{display:grid;grid-template-columns:minmax(145px,.5fr) minmax(0,1.5fr);gap:24px;padding:20px 22px;border-bottom:1px solid var(--hl-line);background:#fff}
.policy-row:last-child{border-bottom:0}.policy-row>strong{font:700 14px/1.45 'Schibsted Grotesk',sans-serif}.policy-row>div{color:var(--hl-copy);font-size:14px;line-height:1.6}.policy-row p{margin:0 0 8px;font-size:14px}.policy-row p:last-child{margin-bottom:0}
.legal-source-note{margin-top:74px;padding-top:27px;border-top:1px solid var(--hl-line);color:var(--hl-muted);font-size:13px;line-height:1.6}

.contact-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--hl-line);border-radius:var(--hl-radius);overflow:hidden;background:var(--hl-line);gap:1px}
.contact-route{min-height:270px;padding:32px;background:#fff}
.contact-route small{display:block;color:var(--hl-muted);font:750 11px/1 'Schibsted Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.contact-route h3{margin:48px 0 10px;font:700 28px/1.05 'Schibsted Grotesk',sans-serif;letter-spacing:-.04em}
.contact-route p{margin:0;color:var(--hl-copy);font-size:15px}
.contact-route a{display:inline-flex;margin-top:24px;font-weight:700}
.process-list{counter-reset:hl-step;display:grid;gap:1px;margin:28px 0;background:var(--hl-line);border:1px solid var(--hl-line);border-radius:18px;overflow:hidden}
.process-list li{counter-increment:hl-step;display:grid;grid-template-columns:52px 1fr;gap:16px;padding:23px;background:#fff;list-style:none}
.process-list li:before{content:counter(hl-step,decimal-leading-zero);display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--hl-warm);color:#7c3730;font:750 11px 'Schibsted Grotesk',sans-serif}
.process-list strong{display:block;margin-bottom:5px;color:var(--hl-ink);font:700 16px 'Schibsted Grotesk',sans-serif}
.process-list span{color:var(--hl-copy);font-size:14px;line-height:1.55}

@media(prefers-reduced-motion:no-preference){
  @supports(animation-timeline:view()){
    :is(.hl-section,.hl-escalation,.legal-summary,.legal-document,.help-doc-grid){animation:hl-reveal both cubic-bezier(.22,1,.36,1);animation-timeline:view();animation-range:entry 0 entry 18%}
    @keyframes hl-reveal{from{opacity:.45;transform:translateY(20px)}to{opacity:1;transform:none}}
  }
}

@media(max-width:900px){
  .hl-hero-grid,.legal-masthead-grid,.hl-escalation-grid{grid-template-columns:1fr}
  .hl-search-card{max-width:620px}
  .hl-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .help-doc-grid,.legal-document-grid{grid-template-columns:1fr}
  .help-index,.legal-index{position:relative;top:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}
  .help-index nav,.legal-index nav{grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--hl-line);border-radius:15px;overflow:hidden}
  .help-index a,.legal-index a{padding:10px 14px;border-bottom:1px solid var(--hl-line);border-right:1px solid var(--hl-line)}
}

@media(max-width:680px){
  .hl-wrap{width:calc(100% - 28px)}
  .hl-crumbs{padding-top:23px}
  .hl-hero,.legal-masthead,.help-doc-hero{padding-top:58px}
  .hl-hero h1,.legal-masthead h1,.help-doc-hero h1{font-size:clamp(46px,13.2vw,66px)}
  .hl-role-links,.hl-topic-grid,.contact-route-grid{grid-template-columns:1fr}
  .hl-role-link,.hl-topic-card,.contact-route{min-height:225px;padding:27px}
  .hl-role-link h3,.hl-topic-card h3{margin-top:48px}
  .role-ledger{grid-template-columns:1fr}
  .role-ledger article{min-height:0}.role-ledger article+article{border-left:0;border-top:1px solid #d7d0ca}
  .hl-section-head{grid-template-columns:1fr;gap:15px}
  .hl-section-head h2{font-size:42px}
  .help-index nav,.legal-index nav{grid-template-columns:1fr}
  .legal-meta-card div{grid-template-columns:90px 1fr}
  .definition-list div,.policy-row{grid-template-columns:1fr;gap:8px}
  .faq-group summary{padding-right:50px;font-size:17px}
  .faq-answer{padding-right:0!important}
  .process-list{padding:0}.process-list li{grid-template-columns:44px 1fr;padding:19px}
}

@media print{
  .topp,.site-footer,.hl-crumbs,.help-index,.legal-index,.hl-actions,.hl-search-card{display:none!important}
  .has-universal-header main{padding-top:0!important}
  .hl-wrap{width:100%}
  .legal-masthead{padding:24px 0}.legal-masthead h1{font-size:42px}
  .legal-document-grid{display:block;padding:25px 0}.legal-prose section+section{break-before:auto;page-break-inside:avoid}
  .role-ledger{break-inside:avoid}
}