/* ==========================================================================
   Insights: the /insights hub and every guide (/insights/<slug>), EN and /el.
   Prefix in-. Loaded only by routes with styles: ['insights.css'].
   Markup for every part: docs/insights-kit.md. Shared parts (.crumbs, .answer,
   .meta-row, .faq-list, .faq-section, .ledger, .compare, .stamp, .go-deeper,
   .page-close) live in styles.css and are composed here, never copied.
   Square corners, hairlines, Fraunces 430 with one italic turn, mono locators.
   The retired .insight-* look (rounded answer card, glow, weights 420/500) is not used.
   ========================================================================== */

/* Page root: level colours (blue 01, copper 02, mint 03; night variants in dark mode) and page-level resets. */
.in-page{position:relative;z-index:2;--in-l1:#3358C9;--in-l2:#A14E28;--in-l3:#2F7A64;--in-measure:64ch;--lvl:var(--accent)}
html[data-theme="dark"] .in-page{--in-l1:#9BB4FF;--in-l2:#E7AD82;--in-l3:#9ED0C1}
.in-page [data-level="1"]{--lvl:var(--in-l1)}
.in-page [data-level="2"]{--lvl:var(--in-l2)}
.in-page [data-level="3"]{--lvl:var(--in-l3)}
.in-page .eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.8;color:var(--ink-soft)}
.in-page .eyebrow[data-level]::before{background:var(--lvl)}
.in-page .btn,.in-page .btn:hover{box-shadow:none}
.in-page h1 em,.in-page h2 em,.in-page h3 em{font-style:italic;font-weight:400;color:var(--accent)}
.in-page :target{scroll-margin-top:100px}
.in-page .page-close-actions a.text-link{margin-top:0}

/* ---------------------------------------------------------------- hero */
.in-hero{padding:158px 0 0}
.in-hero h1{margin-top:26px;max-width:10.35em;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(50px,6.1vw,92px);line-height:.98;letter-spacing:-.056em;color:var(--ink);text-wrap:balance}
.in-hub .in-hero h1{max-width:8.4em;font-size:clamp(58px,7vw,108px);line-height:.95;letter-spacing:-.062em}
/* Measures in em, not ch: ch is read from whichever face has loaded, so a ch measure reflowed the headline
   (and moved the deck) when Fraunces arrived. Each value equals the former measure in Fraunces at that
   range's sizes: 16ch for English guides, 13ch for the English hub, 19ch for Greek. Greek headlines run
   longer, so they get the wider measure (and a step smaller size on the hub) to keep three lines. */
.in-hub .in-hero h1:lang(el){max-width:12.25em;font-size:clamp(52px,6vw,92px)}
.in-article .in-hero h1:lang(el){max-width:12.3em}
@media(min-width:961px){.in-article .in-hero h1:lang(el){max-width:12.12em}}
@media(min-width:1101px){.in-article .in-hero h1{max-width:10.15em}.in-article .in-hero h1:lang(el){max-width:12.05em}}
/* English hub above 700px: the headline breaks "Clear answers for / leaders deciding on AI." in Fraunces at any
   measure from 8.8 to 11em, but Georgia (shown until Fraunces arrives) needs about 8.8em to hold the same two
   lines; at 8.4/7.9em it took three, and the deck jumped 55-96px when the font swapped in. 9.2em keeps the
   Fraunces wrap and gives the fallback the same two lines (gate r3, measured 701-2200px). */
@media(min-width:701px){.in-hub .in-hero h1{max-width:9.2em}}
@media(min-width:1200px){.in-article .in-hero h1{max-width:9.95em}.in-article .in-hero h1:lang(el){max-width:11.82em}.in-hub .in-hero h1:lang(el){max-width:11.95em}}
@media(min-width:1366px){.in-article .in-hero h1{max-width:9.72em}.in-article .in-hero h1:lang(el){max-width:11.54em}.in-hub .in-hero h1:lang(el){max-width:11.6em}}
/* Swap-safe measures for four English guide headlines (gate r3). Until Fraunces arrives the H1 is set in
   Georgia, which is about 15% wider, so at the shared measure these titles took three lines in Georgia and two
   in Fraunces, and the deck jumped 49-96px when the font swapped in. From the width where each title settles
   on two Fraunces lines, 11.2em keeps exactly the same Fraunces wrap (pixel-identical) and lets Georgia hold
   the same two lines. These rules depend on the current H1 copy: when a guide's H1 changes, re-check the
   wrap with fonts blocked (docs/insights-kit.md) and drop or re-tune its rule. */
.in-article[data-view="insight-eu-ai-act-ai-literacy"] .in-hero h1:not(:lang(el)),
.in-article[data-view="insight-what-is-a-company-brain"] .in-hero h1:not(:lang(el)){max-width:11.2em}
@media(min-width:901px){.in-article[data-view="insight-ai-agents-for-business"] .in-hero h1:not(:lang(el)){max-width:11.2em}}
@media(min-width:1280px){.in-article[data-view="insight-ai-automation-for-business"] .in-hero h1:not(:lang(el)){max-width:11.2em}}
.in-deck{margin-top:30px;max-width:54ch;font-size:clamp(17px,1.45vw,20px);line-height:1.6;letter-spacing:-.01em;color:var(--ink-soft);text-wrap:pretty}
/* Hero foot: a Strong Hairline, the meta row (or a plain line) left, a mono level index right. */
.in-hero-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px;margin-top:clamp(44px,6vh,64px);padding:20px 0 22px;border-top:1px solid var(--line-strong)}
.in-hero-foot>p{font-size:12px;line-height:1.6;color:var(--ink-soft)}
.in-hero-foot>.meta-row{font-size:10px}
.in-index-mark{font:10px/1.6 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
.in-index-mark[data-level]{color:var(--lvl)}

/* ------------------------------------------------------------- article */
.in-layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,760px);column-gap:clamp(48px,7vw,104px);align-items:start;padding-top:clamp(60px,8vh,92px);padding-bottom:clamp(80px,11vh,128px)}
.in-body{min-width:0}

/* On this page: sticky in the left column on desktop, an inline list above the body on smaller screens. */
.in-toc{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.in-toc-label{font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.in-toc ol{margin-top:14px;list-style:none;border-top:1px solid var(--line-strong)}
.in-toc li{border-bottom:1px solid var(--line)}
.in-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px 0 11px;font-size:13px;line-height:1.4;color:var(--ink-soft);transition:color .2s}
.in-toc a>span{padding-top:2px;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--muted);transition:color .2s}
.in-toc a:hover,.in-toc a:hover>span{color:var(--accent)}
.in-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Numbered sections. The mono index opens each one on a Strong Hairline; the H2 is a question where it reads naturally. */
.in-section{padding-top:clamp(56px,7vh,80px)}
.in-num{display:block;padding-top:16px;border-top:1px solid var(--line-strong);font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.in-section h2{margin-top:18px;max-width:22ch;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(32px,3.3vw,46px);line-height:1.06;letter-spacing:-.042em;color:var(--ink);text-wrap:balance}
.in-section>h3,.in-callout h3{margin-top:40px;max-width:30ch;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}

/* Prose: 17px at 1.78 in Ink Soft, measure 64ch. Applies to paragraphs and lists placed directly in a section. */
.in-section>p,.in-list{max-width:var(--in-measure);font-size:17px;line-height:1.78;letter-spacing:-.01em;color:var(--ink-soft);text-wrap:pretty}
.in-section>p{margin-top:20px}
.in-section>h2+p{margin-top:26px}
.in-section>h3+p,.in-section>h3+.in-list{margin-top:14px}
.in-section strong,.in-callout strong{font-weight:600;color:var(--ink)}
.in-section>p em,.in-list em,.in-callout p em{font-style:italic;color:var(--ink)}
.in-section>p a:not(.text-link),.in-list a,.in-callout p a:not(.text-link),.in-source-list span a,.in-figure figcaption a{color:var(--ink);font-weight:600;border-bottom:1px solid rgba(var(--accent-rgb),.42);transition:color .2s,border-color .2s}
.in-section>p a:not(.text-link):hover,.in-list a:hover,.in-callout p a:not(.text-link):hover,.in-source-list span a:hover,.in-figure figcaption a:hover{color:var(--accent);border-color:var(--accent)}
.in-section a:focus-visible,.in-callout a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Lists: "+" for what something is or gains, "–" (.in-list--not) for what it is not. */
.in-list{margin-top:20px;list-style:none}
.in-list>li{position:relative;padding-left:28px}
.in-list>li+li{margin-top:10px}
.in-list>li::before{content:"+";content:"+"/"";position:absolute;left:0;top:0;font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--accent)}
.in-list--not>li::before{content:"–";content:"–"/"";color:var(--muted)}
ol.in-list{counter-reset:in-list}
ol.in-list>li::before{counter-increment:in-list;content:counter(in-list,decimal-leading-zero);content:counter(in-list,decimal-leading-zero)/"";top:4px;font-size:11px;letter-spacing:.04em}

/* Kit parts inside the article column: spacing only. */
.in-body>.answer{margin-bottom:0}
.in-section>.ledger,.in-section>.compare-wrap,.in-section>.in-block{margin-top:34px}
/* .in-block: a spacing wrapper for parts whose first child can be hidden (.ledger-cols + .ledger--two). */
.in-block>.ledger{margin-top:0}
.in-section>p.compare-hint{max-width:none;margin-top:10px;font:9px/1.5 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.in-section .stamp{margin-top:18px}
.in-section .ledger>li>p{font-size:15px}
.in-section .ledger-title{font-size:17px}

/* Callout: a boundary statement drawn as an object (paper ground, Strong Hairline box, 2px accent tick). */
.in-callout{position:relative;max-width:calc(var(--in-measure) + 60px);margin-top:40px;padding:26px clamp(20px,3vw,30px) 28px;border:1px solid var(--line-strong);background:var(--paper)}
.in-callout::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:2px;background:var(--accent)}
.in-callout .in-callout-label{margin-top:0;max-width:none;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.in-callout h3{margin-top:12px;max-width:none;font-size:clamp(21px,1.8vw,25px)}
.in-callout p{margin-top:12px;max-width:62ch;font-size:15.5px;line-height:1.75;color:var(--ink-soft)}
.in-callout p.in-callout-note{max-width:none;margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font:9.5px/1.6 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.in-callout .text-link{margin-top:18px}
/* Quoted official wording: a ruled block, never decorated. */
.in-quote{margin-top:24px;max-width:var(--in-measure);padding:4px 0 4px 22px;border-left:1px solid var(--accent);font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:400;font-size:clamp(19px,1.6vw,22px);line-height:1.5;letter-spacing:-.02em;color:var(--ink)}
.in-quote cite{display:block;margin-top:12px;font:normal 10px/1.6 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}

/* Figures and diagrams. Any depicted example carries a .stamp; human-gated steps are dashed. */
.in-figure{margin-top:40px}
.in-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-top:14px;font:10px/1.6 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.in-figure figcaption .stamp{margin-top:0}
.in-figure svg{display:block;width:100%;height:auto;color:var(--accent)}
.in-figure svg text{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.08em;fill:var(--ink-soft)}
/* Flow: a left-to-right sequence of steps in hairline columns (stacks under 761px). */
.in-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));list-style:none;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}
.in-flow>li{position:relative;padding:18px 14px 22px 0}
.in-flow>li+li{padding-left:14px;border-left:1px solid var(--line)}
.in-flow-i{display:block;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--accent)}
.in-flow>li:not(:last-child) .in-flow-i::after{content:"  →";content:"  →"/"";color:var(--muted)}
.in-flow strong{display:block;margin-top:14px;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(20px,1.7vw,24px);line-height:1.1;letter-spacing:-.03em;color:var(--ink)}
.in-flow small{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-soft)}
.in-flow>li.is-human{border-left-style:dashed;border-left-color:var(--line-strong)}
.in-flow>li.is-human .in-flow-i{color:var(--ink-soft)}

/* FAQ inside the article column: the shared .faq-list under a numbered heading. */
.in-faq .faq-list{margin-top:30px}

/* Put it to work: the related services as hairline choice rows, then the primary CTA. */
.in-put{margin-top:clamp(72px,9vh,104px);padding-top:26px;border-top:1px solid var(--line-strong)}
.in-put .in-put-label{margin-top:0;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.in-put h2{margin-top:16px;max-width:20ch;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:-.042em;color:var(--ink);text-wrap:balance}
.in-put>p{margin-top:16px;max-width:58ch;font-size:16px;line-height:1.75;color:var(--ink-soft)}
.in-put-list{margin-top:28px;list-style:none;border-top:1px solid var(--line-strong)}
.in-put-list>li{border-bottom:1px solid var(--line)}
.in-put-list a{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 24px;column-gap:18px;align-items:baseline;padding:20px 0 22px}
.in-put-list a::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.in-put-i{font:10px/1.6 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lvl)}
.in-put-list strong{display:block;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);transition:color .25s,transform .35s var(--ease)}
.in-put-list small{display:block;grid-column:2;margin-top:6px;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.in-put-list .arr{grid-column:3;grid-row:1;justify-self:end;color:var(--accent);transition:transform .35s var(--ease)}
.in-put-list a:hover::before,.in-put-list a:focus-visible::before{transform:scaleX(1)}
.in-put-list a:hover strong{color:var(--accent);transform:translateX(5px)}
.in-put-list a:hover .arr{transform:translateX(4px)}
.in-put-list a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.in-put-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:30px}
.in-put-actions>a.text-link{margin-top:0}
.in-put-actions small{flex-basis:100%;font-size:12px;line-height:1.7;color:var(--ink-soft)}

/* Related guides: a mono label, hairline rows of sibling guides, and "All guides". Hidden if no guide survives data-requires. */
.in-related{margin-top:clamp(56px,7vh,80px)}
.in-related:not(:has(li)) .in-related-label,.in-related:not(:has(li)) ul{display:none}
.in-related-label{padding-bottom:12px;border-bottom:1px solid var(--line-strong);font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.in-related ul{list-style:none}
.in-related li{border-bottom:1px solid var(--line)}
.in-related li a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:4px;padding:16px 0 17px}
.in-related li a>span:first-child{grid-column:1/-1;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lvl)}
.in-related li a>strong{font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(19px,1.6vw,22px);line-height:1.25;letter-spacing:-.025em;color:var(--ink);transition:color .25s}
.in-related li a>.arr{align-self:end;color:var(--accent);transition:transform .35s var(--ease)}
.in-related li a:hover>strong{color:var(--accent)}
.in-related li a:hover>.arr{transform:translateX(4px)}
.in-related li a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.in-related>.text-link{margin-top:22px}

/* Sources: numbered, external, with what each was used for, then the review date and the legal note. */
.in-source-list{margin-top:26px;list-style:none;counter-reset:in-src;border-top:1px solid var(--line-strong)}
.in-source-list>li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:16px 0 17px;border-bottom:1px solid var(--line)}
.in-source-list>li::before{counter-increment:in-src;content:counter(in-src,decimal-leading-zero);content:counter(in-src,decimal-leading-zero)/"";grid-row:1/span 2;padding-top:4px;font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--accent)}
.in-source-list>li>a{justify-self:start;font-size:15px;font-weight:600;line-height:1.5;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(var(--accent-rgb),.42);transition:color .2s,text-decoration-color .2s}
.in-source-list>li>a[target="_blank"]::after{content:" ↗";content:" ↗"/"";color:var(--accent)}
.in-source-list>li>a:hover{color:var(--accent);text-decoration-color:var(--accent)}
.in-source-list>li>a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.in-source-list>li>span{margin-top:5px;max-width:62ch;font-size:14px;line-height:1.65;color:var(--ink-soft)}
.in-reviewed{margin-top:20px;font:10px/1.7 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.in-section>p.in-reviewed{max-width:none;font-size:10px;line-height:1.7;letter-spacing:.1em}

/* ----------------------------------------------------------------- hub */
.in-band{padding:clamp(80px,11vh,128px) 0}
.in-band--rule{border-top:1px solid var(--line)}
.in-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,7vw,100px);align-items:end}
.in-heading>.eyebrow{grid-column:1/-1}
.in-heading h2{margin-top:26px;max-width:15ch;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(40px,4.6vw,66px);line-height:1.05;letter-spacing:-.045em;color:var(--ink);text-wrap:balance}
.in-heading>p{max-width:44ch;font-size:16px;line-height:1.75;color:var(--ink-soft)}
.in-heading>p a{color:var(--ink);font-weight:600;border-bottom:1px solid rgba(var(--accent-rgb),.42);transition:color .2s,border-color .2s}
.in-heading>p a:hover{color:var(--accent);border-color:var(--accent)}

/* Guide index (rendered by scripts/routes/insights.mjs from the article routes): one row per level. */
.in-groups{margin-top:clamp(48px,6vw,72px)}
.in-group{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);column-gap:clamp(32px,6vw,90px);padding:30px 0 34px;border-top:1px solid var(--line-strong)}
.in-group::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:2px;background:var(--lvl)}
.in-group:last-child{border-bottom:1px solid var(--line-strong)}
.in-group-level{font:10px/1.6 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--lvl)}
.in-group-title{margin-top:12px;max-width:16ch;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(26px,2.4vw,34px);line-height:1.08;letter-spacing:-.045em;color:var(--ink)}
.in-group-head>.text-link{margin-top:18px;font-size:13px}
.in-guides{list-style:none}
.in-guide+.in-guide{border-top:1px solid var(--line)}
.in-guide a{display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:20px;padding:4px 0 26px}
.in-guide+.in-guide a{padding-top:24px}
.in-guide-title{font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(24px,2.3vw,32px);line-height:1.1;letter-spacing:-.038em;color:var(--ink);text-wrap:balance;transition:color .25s}
.in-guide-summary{grid-column:1;margin-top:10px;max-width:60ch;font-size:15px;line-height:1.7;color:var(--ink-soft)}
.in-guide .meta-row{grid-column:1;margin-top:14px}
.in-guide .arr{grid-column:2;grid-row:1;align-self:start;justify-self:end;padding-top:6px;color:var(--accent);transition:transform .35s var(--ease)}
.in-guide a:hover .in-guide-title{color:var(--accent)}
.in-guide a:hover .arr{transform:translateX(4px)}
.in-guide a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}

/* Concepts we use: a hairline glossary (term | definition and links). */
.in-glossary{margin-top:clamp(44px,6vw,64px);border-top:1px solid var(--line-strong)}
.in-term{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);column-gap:clamp(32px,6vw,90px);padding:26px 0 28px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.in-term dt{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:baseline;font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:430;font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.03em;color:var(--ink)}
.in-term dt>span{font:10px/1.5 "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--accent)}
.in-term dd>p{max-width:60ch;font-size:15.5px;line-height:1.75;color:var(--ink-soft)}
.in-term dd>p+p{margin-top:10px}
.in-term dd strong{font-weight:600;color:var(--ink)}
.in-term-links{display:flex;flex-wrap:wrap;gap:8px 28px}
.in-term-links:not(:has(a)){display:none}
.in-term-links a.text-link{margin-top:6px}
/* The autonomy ladder as on /company-brain (rung · status), mono, one rung per row. */
.in-rungs{margin:16px 0 14px;max-width:60ch;list-style:none;border-top:1px solid var(--line)}
.in-rungs>li{display:grid;grid-template-columns:34px minmax(0,1fr);padding:8px 0 9px;border-bottom:1px solid var(--line);font:10.5px/1.6 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.in-rungs b{font-weight:500;color:var(--accent)}

/* ---------------------------------------------------------- responsive */
@media(max-width:1100px){
  .in-layout{grid-template-columns:minmax(0,190px) minmax(0,1fr);column-gap:clamp(40px,5vw,64px)}
}
@media(max-width:960px){
  .in-layout{grid-template-columns:minmax(0,1fr);row-gap:8px;padding-top:44px}
  .in-toc{position:static;max-height:none;overflow:visible;margin-bottom:40px}
  .in-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .in-heading,.in-group,.in-term{grid-template-columns:minmax(0,1fr)}
  .in-heading>p{margin-top:22px}
  .in-group-head{margin-bottom:22px}
  .in-term dd{margin-top:12px;padding-left:44px}
}
@media(max-width:760px){
  .in-flow{grid-template-columns:minmax(0,1fr)}
  .in-flow>li,.in-flow>li+li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:16px 0 18px;border-left:0}
  .in-flow>li+li{border-top:1px solid var(--line)}
  .in-flow>li.is-human{border-top-style:dashed;border-top-color:var(--line-strong)}
  .in-flow-i{grid-row:1/span 2;padding-top:6px}
  .in-flow>li:not(:last-child) .in-flow-i::after{content:none}
  .in-flow strong{margin-top:0}
  .in-put-list a{grid-template-columns:minmax(0,1fr) 24px}
  .in-put-i{grid-column:1/-1;margin-bottom:6px}
  .in-put-list strong{grid-column:1}
  .in-put-list small{grid-column:1}
  .in-put-list .arr{grid-column:2;grid-row:2}
}
@media(max-width:700px){
  .in-hero{padding-top:124px}
  .in-hero h1{font-size:clamp(42px,11vw,58px);line-height:1}
  .in-hub .in-hero h1{font-size:clamp(46px,12vw,64px)}
  .in-deck{font-size:16.5px}
  .in-hero-foot{margin-top:36px}
  .in-toc ol{grid-template-columns:minmax(0,1fr)}
  .in-section>p,.in-list{font-size:16px;line-height:1.75}
  .in-heading h2{font-size:clamp(36px,9vw,46px)}
  .in-band{padding:76px 0}
  .in-term dd{padding-left:0}
  .in-term dt{grid-template-columns:30px minmax(0,1fr)}
  .in-callout{padding:22px 18px 24px}
}
/* Below 360px a long Greek word («αυτοματοποιήσετε») at the 42px floor is wider than the column. */
@media(max-width:359.98px){.in-article .in-hero h1:lang(el){font-size:38px}}

/* ------------------------------------------------- motion, print */
@media(prefers-reduced-motion:reduce){
  .in-toc a,.in-toc a>span,.in-put-list a::before,.in-put-list strong,.in-put-list .arr,.in-related li a>strong,.in-related li a>.arr,.in-guide-title,.in-guide .arr,.in-section>p a,.in-list a,.in-callout p a,.in-source-list>li>a{transition:none!important}
}
@media print{
  .in-toc,.in-put,.in-related,.page-close{display:none!important}
  .in-layout{display:block;padding:0}
  .in-hero{padding-top:24px}
  .in-callout{background:none}
}