/* Native long-form legal page. */

.octa-policy {
	--opp-ink:#102725;
	--opp-green:#144f48;
	--opp-green-hover:#1c665d;
	--opp-mint:#b8ead5;
	--opp-lime:#d9f77e;
	--opp-cream:#f5f3ea;
	--opp-line:#d8ded7;
	--opp-muted:#64736f;
	background:#fafaf7;
	color:var(--opp-ink);
}

.octa-policy-shell { width:min(calc(100% - 48px),1180px); margin-inline:auto; }
.octa-policy :is(h1,h2,h3) { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.035em; }
.octa-policy-hero { padding-block:clamp(65px,8vw,112px); background:var(--opp-green); color:#fff; }
.octa-policy-breadcrumb { display:flex; gap:9px; margin-bottom:45px; color:#b7d2cd; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.octa-policy-breadcrumb a { color:inherit; text-decoration:none; }
.octa-policy-breadcrumb a:hover,.octa-policy-breadcrumb a:focus-visible { color:var(--opp-lime); text-decoration:underline; }
.octa-policy-hero-grid { display:grid; grid-template-columns:1fr minmax(300px,.55fr); gap:clamp(55px,9vw,125px); align-items:end; }
.octa-policy-eyebrow,.octa-policy-navigation > p,.octa-policy-closing p { margin:0 0 18px; color:var(--opp-lime); font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.octa-policy-hero h1 { margin:0; font-size:clamp(55px,7vw,91px); line-height:.96; }
.octa-policy-summary { padding:28px; border-top:3px solid var(--opp-lime); background:rgba(255,255,255,.06); }
.octa-policy-summary p { margin:0; color:#d2e3df; font-size:15px; line-height:1.75; }
.octa-policy-summary span { display:block; margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.17); color:var(--opp-mint); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }

.octa-policy-layout { display:grid; grid-template-columns:265px minmax(0,760px); gap:clamp(60px,10vw,140px); padding-block:clamp(70px,9vw,125px); align-items:start; }
.octa-policy-navigation { position:sticky; top:105px; }
.octa-policy-navigation > p { color:#347c70; }
.octa-policy-navigation ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--opp-line); }
.octa-policy-navigation li { border-bottom:1px solid var(--opp-line); }
.octa-policy-navigation li a { display:grid; grid-template-columns:29px 1fr; gap:9px; padding:10px 0; color:#536661; font-size:11px; font-weight:700; line-height:1.35; text-decoration:none; }
.octa-policy-navigation li a span { color:#3b8176; font:italic 9px Georgia,serif; }
.octa-policy-navigation li a:hover,.octa-policy-navigation li a:focus-visible { color:var(--opp-green-hover); }
.octa-policy-contact-link { display:flex; margin-top:28px; padding:22px; background:var(--opp-mint); color:#41615b; font-size:9px; font-weight:800; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; flex-direction:column; }
.octa-policy-contact-link strong { display:flex; margin-top:10px; color:var(--opp-ink); font:400 20px Georgia,serif; letter-spacing:-.02em; text-transform:none; justify-content:space-between; }

.octa-policy-content { min-width:0; }
.octa-policy-content > h2 { margin:0; padding-top:clamp(58px,7vw,82px); font-size:clamp(34px,4.1vw,51px); line-height:1.05; scroll-margin-top:105px; }
.octa-policy-content > h2:first-child { padding-top:0; }
.octa-policy-content > h2:not(:first-child) { margin-top:clamp(58px,7vw,82px); border-top:1px solid var(--opp-line); }
.octa-policy-content > h2::before { display:block; margin-bottom:22px; color:#3b8176; font:italic 11px Georgia,serif; letter-spacing:0; content:'Policy section'; }
.octa-policy-content :is(p,div) { color:#52645f; font-size:15px; line-height:1.82; }
.octa-policy-content p { margin:20px 0 0; }
.octa-policy-content a { color:var(--opp-green-hover); }
.octa-policy-content ul:not(.octa-policy-definition-list) { margin:20px 0 0; padding-left:22px; color:#52645f; }
.octa-policy-content li { line-height:1.7; }
.octa-policy-content li + li { margin-top:10px; }
.octa-policy-definition-list { display:grid; grid-template-columns:1fr 1fr; margin:30px 0 0; padding:0; border-top:1px solid var(--opp-line); border-left:1px solid var(--opp-line); list-style:none; }
.octa-policy-definition-list > li { min-height:180px; margin:0; padding:27px; border-right:1px solid var(--opp-line); border-bottom:1px solid var(--opp-line); }
.octa-policy-definition-list h3 { margin:0 0 15px; font-size:24px; line-height:1.1; }
.octa-policy-definition-list p { margin:0; color:var(--opp-muted); font-size:13px; line-height:1.65; }
.octa-policy-cookie-content { margin-top:28px; padding:clamp(25px,4vw,42px); background:var(--opp-cream); }
.octa-policy-cookie-content > div { margin-top:14px; padding-left:0!important; color:#52645f; }
.octa-policy-cookie-content > div:first-child,.octa-policy-cookie-content > div:nth-of-type(7),.octa-policy-cookie-content > div:nth-of-type(13),.octa-policy-cookie-content > div:nth-of-type(19),.octa-policy-cookie-content > div:nth-of-type(29) { margin-top:30px; color:var(--opp-ink); font:400 23px/1.2 Georgia,serif; }
.octa-policy-cookie-content > div:first-child { margin-top:0; }
.octa-policy-cookie-content ul { padding-left:22px; }
.octa-policy-content #last-updated + p { display:inline-block; margin-top:20px; padding:14px 18px; background:var(--opp-lime); color:var(--opp-ink); font-weight:800; }

.octa-policy-closing { padding-block:70px; background:var(--opp-mint); }
.octa-policy-closing > div { display:flex; gap:45px; align-items:end; justify-content:space-between; }
.octa-policy-closing p { color:#347c70; }
.octa-policy-closing h2 { max-width:700px; margin:0; font-size:clamp(37px,4.5vw,59px); line-height:1; }
.octa-policy-closing a { display:inline-flex; gap:13px; padding:16px 23px; background:var(--opp-green); color:#fff; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; }
.octa-policy-closing a:hover,.octa-policy-closing a:focus-visible { background:var(--opp-green-hover); }

@media(max-width:900px){
	.octa-policy-hero-grid { grid-template-columns:1fr; }
	.octa-policy-summary { max-width:620px; }
	.octa-policy-layout { grid-template-columns:1fr; }
	.octa-policy-navigation { position:static; }
	.octa-policy-navigation ol { columns:2; column-gap:35px; }
	.octa-policy-navigation li { break-inside:avoid; }
}

@media(max-width:620px){
	.octa-policy-shell { width:min(calc(100% - 32px),1180px); }
	.octa-policy-hero { padding-block:55px 70px; }
	.octa-policy-hero h1 { font-size:clamp(45px,14vw,62px); }
	.octa-policy-navigation ol { columns:1; }
	.octa-policy-definition-list { grid-template-columns:1fr; }
	.octa-policy-closing > div { align-items:flex-start; flex-direction:column; }
}