
/* Self-contained Guides layout — 2026-08-10
   The old /page/assets/legal.css path does not exist on this deployment,
   so the guide library now owns its complete centered layout. */
.guide-page{margin:0;background:#f5f7f6!important;color:#102019}
.guide-page .legal-hero{width:100%;margin:0;background:radial-gradient(circle at 12% 8%,rgba(20,184,154,.16),transparent 32%),radial-gradient(circle at 88% 10%,rgba(232,187,115,.10),transparent 28%),linear-gradient(125deg,#071714,#0b221d 58%,#102a22);color:#fff}
.guide-page .legal-hero__inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:68px 0 56px}
.guide-page .legal-hero h1{margin:0 0 18px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em;text-align:left}
.guide-page .legal-hero p:not(.guide-category){max-width:900px;margin:0;color:#c7d8d2!important;font-size:1.04rem;line-height:1.75}
.guide-page .legal-shell{display:block;width:min(1180px,calc(100% - 40px));max-width:1180px!important;margin:28px auto 64px!important;padding:0!important}
.guide-page .legal-card{box-sizing:border-box;width:100%;margin:0 0 22px;padding:clamp(24px,3.5vw,38px);border:1px solid #dde8e3;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(10,31,25,.065)}
.guide-page .legal-card h2{margin:0 0 14px;color:#123f35!important;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.25}
.guide-page .legal-card p{margin:0 0 16px;color:#50615a;line-height:1.75}
.guide-page .legal-card ol,.guide-page .legal-card ul{color:#42534d;line-height:1.7}
.guide-page .legal-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:15px;border-bottom:1px solid #e7efec;color:#708078;font-size:.82rem;font-weight:700}
.guide-page .legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.guide-page .legal-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#18b797,#0e9379);color:#fff!important;text-decoration:none;font-weight:800}
.guide-page .legal-button.secondary{background:#eef7f4;color:#176b59!important;border:1px solid #c9e4dc}
.guide-page .guide-count{color:#dff8f1!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)}

/* Library page cards */
.guide-page .guide-list{width:100%;margin-top:26px}
.guide-page .guide-card{box-sizing:border-box;min-width:0}
.guide-page .guide-card h3{font-size:1.05rem;line-height:1.35}
.guide-page .guide-card p{margin:0 0 13px!important;font-size:.89rem}

@media(max-width:760px){
  .guide-page .legal-hero__inner{width:calc(100% - 24px);padding:44px 0 38px}
  .guide-page .legal-shell{width:calc(100% - 20px);margin-top:18px!important}
  .guide-page .legal-card{padding:20px 17px;border-radius:18px}
  .guide-page .legal-hero h1{font-size:clamp(2rem,10vw,3rem)}
}

.guide-page{background:#f5f7f6!important}.guide-hero{padding-bottom:48px!important}.guide-category{margin:0 0 9px!important;color:#89e7d2!important;font-size:.75rem!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase}.guide-shell{max-width:1040px!important}.guide-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 4px 14px;color:#708078;font-size:.86rem}.guide-breadcrumb a{color:#0d8d76;text-decoration:none;font-weight:700}.guide-article{padding:clamp(22px,4vw,42px)!important}.guide-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px!important}.guide-intro{font-size:1.08rem!important;line-height:1.85!important;color:#33443e!important}.guide-toc{margin:26px 0 34px;padding:20px 22px;border:1px solid #dfeae5;border-radius:17px;background:#f8fbfa}.guide-toc strong{display:block;margin-bottom:10px;color:#123f35}.guide-toc ol{margin:0;padding-left:22px;columns:2;column-gap:34px}.guide-toc li{break-inside:avoid;margin:8px 0}.guide-toc a{color:#176b59;text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-section{scroll-margin-top:96px}.guide-section h2{margin-top:34px!important}.guide-section p{line-height:1.82!important;color:#42534d!important}.guide-callout{margin:32px 0;padding:23px 24px;border-radius:18px;border:1px solid #cfe4dc;background:linear-gradient(135deg,#eef9f5,#fff)}.guide-callout h2{margin:5px 0 9px!important}.guide-callout p:last-child{margin-bottom:0!important}.guide-callout-label{margin:0!important;color:#0d8d76!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase}.guide-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}.guide-check-card{padding:22px;border:1px solid #dfe8e4;border-radius:18px;background:#fff}.guide-check-card h2{margin:6px 0 12px!important;font-size:1.28rem!important}.guide-check-card ul{margin:0;padding-left:20px}.guide-check-card li{margin:8px 0;line-height:1.55}.guide-mistakes{background:#fffaf4;border-color:#eee0ca}.guide-sources{margin-top:34px;padding-top:8px}.guide-sources h2{font-size:1.3rem!important}.guide-sources p{color:#68756f}.guide-sources ul{padding-left:20px}.guide-sources a{color:#0d8d76;font-weight:700}.guide-actions{margin-top:34px!important}.guide-about p{line-height:1.75}.guide-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px!important}.guide-card{position:relative;display:block;padding:20px;border:1px solid #dfe8e4!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;transition:.18s ease}.guide-card:hover{transform:translateY(-2px);border-color:#b9dcd1!important;box-shadow:0 12px 26px rgba(8,67,53,.07)}.guide-card .guide-card-category{display:inline-flex;margin-bottom:8px;padding:4px 7px;border-radius:7px;background:#eaf8f3;color:#0d8d76;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.guide-card h3{margin:0 0 8px;color:#122a24!important}.guide-card p{color:#66766f!important;line-height:1.55}.guide-card>span:last-child{color:#0d8d76!important;font-weight:800}.guide-count{display:inline-flex;margin:10px 0 0;padding:7px 10px;border-radius:999px;background:#eaf8f3;color:#0d8d76;font-size:.78rem;font-weight:850}
@media(max-width:760px){.guide-toc ol{columns:1}.guide-check-grid,.guide-list{grid-template-columns:1fr!important}.guide-article{padding:20px 17px!important}.guide-meta{flex-direction:column}.guide-hero{padding-bottom:38px!important}}
