/* Shared styles for standalone insight article pages (insights/<slug>/index.html).
   Reuses tokens/fonts/colors from styles.css; adds editorial article layout. */

.insight-page{background:var(--midnight);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}

.insight-main{flex:1;padding:clamp(48px,8vw,90px) var(--gutter) 90px}
.insight-article{max-width:740px;margin-inline:auto}

.insight-article .ins__cat{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.insight-article h1{font-size:clamp(32px,5vw,50px);margin:12px 0 16px;letter-spacing:-.03em}
.insight-dek{color:var(--muted);font-size:clamp(16px,1.6vw,19px);line-height:1.6;margin-bottom:22px;max-width:640px}
.insight-meta{display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--slate);padding-bottom:32px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.insight-meta span:not(:last-child)::after{content:"·";margin-left:14px;color:var(--line)}

.insight-body h2{font-size:clamp(21px,2.6vw,27px);margin:44px 0 16px;letter-spacing:-.01em}
.insight-body h3{font-size:clamp(17px,2vw,20px);margin:30px 0 12px;color:var(--ink)}
.insight-body p{color:var(--muted);line-height:1.8;margin-bottom:18px;font-size:15.5px}
.insight-body ul,.insight-body ol{color:var(--muted);line-height:1.8;margin:0 0 18px;padding-left:22px;font-size:15.5px}
.insight-body li{margin-bottom:8px}
.insight-body li::marker{color:var(--green)}
.insight-body strong{color:var(--ink);font-weight:600}
.insight-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.insight-body code{font-family:var(--font-mono);font-size:.9em;background:var(--midnight-3);border:1px solid var(--line);border-radius:5px;padding:.15em .4em;color:var(--ink)}
.insight-body pre{background:var(--midnight-3);border:1px solid var(--line);border-radius:12px;padding:18px 20px;overflow-x:auto;margin:0 0 22px}
.insight-body pre code{background:none;border:0;padding:0;font-size:13px;line-height:1.6;color:var(--ink)}
.insight-body blockquote{border-left:3px solid var(--green);margin:0 0 22px;padding:4px 0 4px 20px;color:var(--ink);font-size:16px;font-family:var(--font-display);font-weight:500}

.insight-table-wrap{overflow-x:auto;margin:0 0 26px}
.insight-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}
.insight-table th,.insight-table td{border:1px solid var(--line);padding:10px 14px;text-align:left;color:var(--muted);vertical-align:top}
.insight-table th{color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:var(--midnight-3)}

.insight-callout{border:1px solid var(--line);background:var(--midnight-3);border-radius:14px;padding:20px 24px;margin:8px 0 30px}
.insight-callout p{margin-bottom:0;color:var(--ink);font-size:14.5px}
.insight-callout p+p{margin-top:10px;color:var(--muted)}

.insight-related{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}
.insight-related h4{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:20px}
.insight-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.insight-related__grid a{display:block;border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .3s,background .3s}
.insight-related__grid a:hover{border-color:rgba(10,174,122,.4);background:var(--midnight-3)}
.insight-related__grid .cat{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.insight-related__grid .t{display:block;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--ink);margin-top:6px;line-height:1.35}
@media(max-width:760px){.insight-related__grid{grid-template-columns:1fr}}

/* Header actions (language switch + back button), top-right */
.legal-header__actions{display:flex;align-items:center;gap:14px}
.legal-header__actions .btn{white-space:nowrap}
@media(max-width:560px){.legal-header__actions{gap:8px}.legal-header__actions .btn{padding:10px 14px;font-size:11.5px}}