/* /terms, /privacy, /refund-policy on the home's «next» system (templates/website/legal_doc.html; next.css loads first, so
   every rule carries .nx + a class). Tight hero (kicker, title, lead, last-updated chip, document switcher), a sticky
   contents rail + contact card beside numbered section cards, the other documents, final CTA. Light (default) + dark;
   RTL + LTR through logical properties. Phones (<640): centred heads, the contents fold into a <details>. */

/* ------------------------------------------------------------------ hero */
.nx>.lg-hero.lg-hero{position:relative;isolation:isolate;padding-top:calc(var(--hh) + 12px + clamp(20px,4.5vh,52px));padding-bottom:clamp(14px,2.6vw,34px)}
.nx .lg-hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.nx .lg-hero .nx-kick .bi{width:18px;height:18px;flex:none}
.nx .lg-h1{margin:0;max-width:22ch;text-wrap:balance}
.nx .lg-lead{margin:14px auto 0;max-width:52ch;text-wrap:balance}

.nx .lg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;padding:0;list-style:none}
.nx .lg-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);
	border:1px solid transparent;background:linear-gradient(180deg,rgb(255 255 255/.95),rgb(255 255 255/.8)) padding-box,linear-gradient(120deg,rgb(14 122 92/.35),rgb(255 255 255/.6) 50%,rgb(224 165 38/.35)) border-box;
	box-shadow:0 10px 24px -18px rgb(14 27 44/.4)}
.nx .lg-chip .i,.nx .lg-chip .bi{width:17px;height:17px;flex:none;color:var(--em-text)}
.nx .lg-chip--soft{font-weight:500;color:var(--ink-3)}

/* the three documents (segmented glass switcher) */
.nx .lg-docs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:clamp(18px,2.6vw,26px);padding:6px;border-radius:22px;max-width:100%;
	border:1px solid transparent;background:linear-gradient(180deg,rgb(255 255 255/.9),rgb(255 255 255/.72)) padding-box,linear-gradient(140deg,rgb(14 122 92/.28),rgb(255 255 255/.5) 45%,rgb(224 165 38/.24)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 16px 36px -26px rgb(14 27 44/.35)}
.nx .lg-docs__a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:16px;font-weight:600;font-size:var(--fs-ui);color:var(--ink-3);text-decoration:none;transition:background .2s,color .2s}
.nx .lg-docs__a .bi{width:18px;height:18px;flex:none}
.nx .lg-docs__a:hover{color:var(--ink);background:rgb(14 122 92/.07)}
.nx .lg-docs__a:focus-visible{outline:2px solid var(--em);outline-offset:2px}
.nx .lg-docs__a.is-on{color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 10px 22px -12px rgb(9 79 60/.7)}

/* ------------------------------------------------------------------ body: rail | document */
.nx .lg-sec-wrap{padding-block:clamp(8px,2vw,24px) clamp(48px,7vw,96px)}
.nx .lg-body{max-width:1240px;display:grid;gap:clamp(22px,4vw,40px);min-width:0}
.nx .lg-rail,.nx .lg-main{min-width:0}
.nx .lg-main{display:grid;gap:clamp(20px,3vw,28px)}
.nx .lg-more{margin-top:clamp(8px,2vw,20px)}
@media (min-width:900px){
	.nx .lg-rail .lg-toc--rail a{min-height:40px;padding-block:5px}
	.nx .lg-rail .lg-toc--rail .lg-toc__n{width:28px;height:28px}
	.nx .lg-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4.5vw,64px);align-items:start}
	.nx .lg-rail{position:sticky;top:var(--stick);max-height:calc(100vh - var(--stick) - 16px);overflow:auto;scrollbar-width:thin;padding:2px;margin:-2px}
	.nx .lg-toc--fold{display:none}
}
@media (max-width:899px){
	/* phones/tablets: the contents fold above the document */
	.nx .lg-toc--rail{display:none}
}

/* contents (rail card and folded <details>) */
.nx .lg-toc{min-width:0;border-radius:22px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.95),rgb(255 255 255/.8)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.5) 45%,rgb(224 165 38/.26)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 16px 36px -26px rgb(14 27 44/.32)}
.nx .lg-toc--rail{padding:16px 12px 12px}
.nx .lg-toc__h{display:flex;align-items:center;gap:10px;margin:0;padding-inline:8px;font-family:var(--f-display);font-weight:600;font-size:1.05rem;color:var(--ink)}
.nx .lg-toc__h .bi{width:20px;height:20px;flex:none;color:var(--em-text)}
.nx .lg-toc__h small{margin-inline-start:auto;font-weight:500;font-size:var(--fs-xs);color:var(--ink-4)}
.nx .lg-toc ol{display:grid;gap:2px;margin:10px 0 0;padding:0;list-style:none}
.nx .lg-toc a{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;padding:7px 10px;border-radius:13px;color:var(--ink-3);text-decoration:none;font-size:.95rem;line-height:1.5;transition:background .2s,color .2s}
.nx .lg-toc a:hover{color:var(--ink);background:rgb(14 122 92/.06)}
.nx .lg-toc a:focus-visible{outline:2px solid var(--em);outline-offset:-2px}
.nx .lg-toc__n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--em-text);background:var(--mint);transition:background .2s,color .2s}
.nx .lg-toc__t{flex:1;min-width:0;text-align:start}
.nx .lg-toc a.is-on{color:var(--ink);font-weight:600;background:linear-gradient(90deg,rgb(14 122 92/.12),rgb(14 122 92/.03))}
[dir="rtl"] .nx .lg-toc a.is-on{background:linear-gradient(270deg,rgb(14 122 92/.12),rgb(14 122 92/.03))}
.nx .lg-toc a.is-on .lg-toc__n{color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 8px 16px -10px rgb(9 79 60/.7)}

.nx .lg-toc--fold summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 18px 8px 10px;cursor:pointer;list-style:none;border-radius:22px}
[dir="rtl"] .nx .lg-toc--fold summary{padding:8px 10px 8px 18px}
.nx .lg-toc--fold summary::-webkit-details-marker{display:none}
.nx .lg-toc--fold summary:focus-visible{outline:2px solid var(--em);outline-offset:2px}
.nx .lg-toc--fold summary .lg-toc__h{flex:1;min-width:0}
.nx .lg-toc__chev{width:20px;height:20px;flex:none;color:var(--em-text);transition:rotate .25s var(--ease)}
.nx .lg-toc--fold[open] .lg-toc__chev{rotate:180deg}
.nx .lg-toc--fold nav{padding:0 10px 12px}
.nx .lg-toc--fold ol{margin-top:0;padding-top:8px;border-top:1px solid var(--line)}

/* contact card (after the document): icon | question + line | buttons */
.nx .lg-help{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding:22px 24px;border-radius:24px;border:1px solid transparent;
	background:linear-gradient(160deg,rgb(14 122 92/.10),rgb(255 255 255/.88) 55%) padding-box,linear-gradient(140deg,rgb(14 122 92/.45),rgb(224 165 38/.35)) border-box;box-shadow:0 20px 44px -26px rgb(14 122 92/.45)}
.nx .lg-help__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#EBC572,#B3841E);box-shadow:0 10px 20px -10px rgb(179 132 30/.7)}
.nx .lg-help__ico .i{width:24px;height:24px}
.nx .lg-help__c{min-width:0}
.nx .lg-help__t{margin:0;font-family:var(--f-display);font-weight:600;font-size:1.15rem;line-height:1.5;color:var(--ink)}
.nx .lg-help__s{margin-top:4px;font-size:.95rem;line-height:1.8;color:var(--ink-3)}
.nx .lg-help__lnk{min-height:40px;font-size:var(--fs-sm)}
.nx .lg-help__acts{display:grid;gap:10px;min-width:0}
.nx .lg-help__btn{justify-content:center;gap:10px;min-height:46px;min-width:0}
.nx .lg-help__btn bdi{overflow:hidden;text-overflow:ellipsis}
.nx .lg-help__btn .i{width:18px;height:18px;flex:none}
.nx .lg-help__btn--wa,.nx .lg-help__btn--wa:hover{color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px -14px rgb(14 27 44/.35)}
@media (max-width:1099px) and (min-width:900px),(max-width:719px){
	.nx .lg-help{grid-template-columns:auto minmax(0,1fr)}
	.nx .lg-help__acts{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}

/* ------------------------------------------------------------------ the document: numbered section cards */
.nx .lg-doc{display:grid;gap:16px;min-width:0}
.nx .lg-card{position:relative;min-width:0;scroll-margin-top:calc(var(--hh) + 24px);padding:clamp(20px,2.6vw,30px);border-radius:24px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.96),rgb(255 255 255/.84)) padding-box,linear-gradient(140deg,rgb(14 122 92/.28),rgb(255 255 255/.55) 45%,rgb(224 165 38/.24)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 18px 40px -30px rgb(14 27 44/.38);transition:box-shadow .3s var(--ease)}
.nx .lg-card:hover{box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 22px 46px -26px rgb(14 122 92/.36)}
.nx .lg-card:target{box-shadow:0 0 0 3px rgb(57 146 121/.25),0 22px 46px -26px rgb(14 122 92/.4)}
.nx .lg-card__head{display:flex;align-items:center;gap:16px}
.nx .lg-num{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;font-family:var(--f-display);font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums;color:#fff;
	background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 1px 0 rgb(255 255 255/.3) inset,0 12px 22px -12px rgb(9 79 60/.75)}
.nx.lg .lg-card:nth-child(even) .lg-num{background:linear-gradient(145deg,#EBC572,#B3841E);box-shadow:0 1px 0 rgb(255 255 255/.35) inset,0 12px 22px -12px rgb(179 132 30/.75)}
.nx .lg-h2{flex:1;min-width:0;margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(1.2rem,1.05rem + .55vw,1.5rem);line-height:1.45;color:var(--ink);text-wrap:balance}
.nx .lg-card__body{margin-top:14px;padding-inline-start:calc(48px + 16px)}
.nx .lg-card__body p{max-width:68ch;margin:0;font-size:1.0313rem;line-height:1.95;color:var(--ink-2)}
.nx .lg-card__body p+p{margin-top:12px}
[lang="en"] .nx .lg-card__body p{line-height:1.8}

/* the other documents (two equal cards) */
.nx .lg-more__h{margin:0 0 14px;font-family:var(--f-display);font-weight:600;font-size:1.2rem;color:var(--ink)}
.nx .lg-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.nx .lg-doc-card{display:flex;align-items:center;gap:14px;height:100%;min-height:84px;padding:16px 18px;border-radius:20px;color:var(--ink);text-decoration:none;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.94),rgb(255 255 255/.78)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.5) 45%,rgb(224 165 38/.26)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 14px 34px -24px rgb(14 27 44/.32);transition:box-shadow .3s var(--ease),translate .3s var(--ease)}
.nx .lg-doc-card:hover{translate:0 -2px;box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 22px 44px -24px rgb(14 122 92/.45)}
.nx .lg-doc-card:focus-visible{outline:2px solid var(--em);outline-offset:3px}
.nx .lg-doc-card__t{display:grid;gap:3px;flex:1;min-width:0;text-align:start}
.nx .lg-doc-card__t b{font-family:var(--f-display);font-weight:600;font-size:1.05rem;line-height:1.45}
.nx .lg-doc-card__t small{font-size:var(--fs-sm);line-height:1.6;color:var(--ink-3)}
.nx .lg-doc-card__go{width:18px;height:18px;flex:none;color:var(--em-text)}
.nx .lg-ico{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:#fff;box-shadow:0 1px 0 rgb(255 255 255/.3) inset,0 10px 20px -10px rgb(14 27 44/.5)}
.nx .lg-ico .bi{width:23px;height:23px}
.nx .lg-ico--em{background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .lg-ico--gold{background:linear-gradient(145deg,#EBC572,#B3841E)}
.nx .lg-ico--seal{background:linear-gradient(145deg,#4C74B8,#2B4F8E)}

.nx.lg .nx-final{padding-top:0}

/* ------------------------------------------------------------------ phones */
@media (max-width:639px){
	/* first screen stays tight: the other documents are linked below the text (.lg-more) */
	.nx .lg-docs{display:none}
	.nx .lg-card{padding:20px 18px;text-align:center}
	.nx .lg-card__head{flex-direction:column;justify-content:center;gap:12px}
	.nx .lg-num{width:44px;height:44px;border-radius:14px;font-size:1rem}
	.nx .lg-card__body{padding-inline-start:0;margin-top:12px}
	/* reading text keeps its start edge: centred paragraphs of a legal text are hard to read */
	.nx .lg-card__body p{text-align:start;font-size:1rem;line-height:1.9}
	.nx .lg-more__h{text-align:center}
	.nx .lg-more__grid{grid-template-columns:minmax(0,1fr)}
	.nx .lg-doc-card{flex-direction:column;justify-content:center;text-align:center;padding:18px 16px}
	.nx .lg-doc-card__t{text-align:center;justify-items:center}
	.nx .lg-doc-card__go{display:none}
	.nx .lg-help{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:22px 18px}
	.nx .lg-help__acts{grid-template-columns:minmax(0,1fr);justify-self:stretch}
	.nx .lg-help__lnk{justify-content:center}
}

/* ------------------------------------------------------------------ dark */
:root[data-theme="dark"] .nx .lg-chip,
:root[data-theme="dark"] .nx .lg-docs,
:root[data-theme="dark"] .nx .lg-toc,
:root[data-theme="dark"] .nx .lg-card,
:root[data-theme="dark"] .nx .lg-doc-card{background:linear-gradient(180deg,rgb(23 40 61/.9),rgb(14 27 44/.76)) padding-box,linear-gradient(140deg,rgb(77 182 148/.42),rgb(255 255 255/.05) 45%,rgb(235 197 114/.32)) border-box;box-shadow:0 24px 48px -30px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .lg-chip{box-shadow:none}
:root[data-theme="dark"] .nx .lg-card:hover,:root[data-theme="dark"] .nx .lg-doc-card:hover{box-shadow:0 24px 48px -24px rgb(0 0 0/.85),0 0 40px -22px rgb(77 182 148/.45)}
:root[data-theme="dark"] .nx .lg-docs__a:hover,:root[data-theme="dark"] .nx .lg-toc a:hover{background:rgb(127 216 184/.08)}
:root[data-theme="dark"] .nx .lg-toc a.is-on{background:linear-gradient(90deg,rgb(127 216 184/.16),rgb(127 216 184/.03))}
:root[data-theme="dark"][dir="rtl"] .nx .lg-toc a.is-on{background:linear-gradient(270deg,rgb(127 216 184/.16),rgb(127 216 184/.03))}
:root[data-theme="dark"] .nx .lg-help{background:linear-gradient(160deg,rgb(77 182 148/.16),rgb(14 27 44/.86) 55%) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(235 197 114/.4)) border-box;box-shadow:0 24px 48px -28px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .lg-help__btn--wa{color:var(--ink);background:rgb(255 255 255/.06);border-color:var(--line)}
:root[data-theme="dark"] .nx .lg-num,:root[data-theme="dark"] .nx .lg-ico{box-shadow:0 1px 0 rgb(255 255 255/.2) inset,0 10px 24px -10px rgb(0 0 0/.7)}

@media (prefers-reduced-motion:reduce){.nx .lg-doc-card,.nx .lg-card,.nx .lg-toc__chev{transition:none}.nx .lg-doc-card:hover{translate:none}}
@media print{.nx .lg-hero__bg,.nx .lg-rail,.nx .lg-more,.nx .nx-final,.nx .lg-docs{display:none}.nx .lg-body{display:block}.nx .lg-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}