/* AI investment calculator — pppa.lv
   Scoped under .aic. Uses the site token set from main.css; defines no colours of its own
   beyond state colours (positive / negative / warning). Mirrors sg.css conventions. */

.aic{
 --surface:#fff;--ground:var(--sand-50);
 --ink:var(--pppa-blue-900);--soft:var(--ink-700);--muted:var(--ink-500);
 --rule:var(--line);--rule2:#eaedf2;--hair:#f2f4f7;
 --accent:var(--pppa-blue-700);--accent-soft:#edf3f8;
 --pos:var(--pppa-turquoise);--neg:#b3382c;--warn:#8a6a1f;--warn-soft:#fdf6e6;
 background:var(--sand-50);color:var(--ink-900);font-size:15px;line-height:1.5;
 padding:0 0 4rem;
}
.aic *{box-sizing:border-box}
.aic .wrap{max-width:1180px;margin:0 auto;padding:0 20px 20px}
.aic h1,.aic h2,.aic h3,.aic p,.aic ul,.aic ol{margin:0}
.aic input,.aic button,.aic select,.aic textarea{font-family:inherit}
.aic table{border-collapse:collapse}
.aic .num{font-variant-numeric:tabular-nums}

/* hero — matches .sg-hero */
.ic-hero{background:linear-gradient(180deg,#fff 0%,var(--sand-50) 100%);padding:3.25rem 0 2rem;border-bottom:1px solid var(--line)}
.ic-hero .container-narrow{max-width:var(--container-narrow)}
.ic-hero h1{margin:.25rem 0 .75rem;color:var(--pppa-blue-900)}
.ic-hero .lead{color:var(--ink-700);margin:0 0 .5rem}

/* toolbar */
.aic .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:18px 0 4px;border-bottom:1px solid var(--rule);margin-bottom:22px}
.aic .seg{display:inline-flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden;background:var(--surface)}
.aic .seg button{border:0;background:var(--surface);padding:6px 14px;font:560 13px inherit;color:var(--muted);cursor:pointer}
.aic .seg button+button{border-left:1px solid var(--rule)}
.aic .seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.aic .seg button:focus-visible{outline:2px solid var(--focus,var(--pppa-blue-600));outline-offset:-2px}
.aic .tools{display:flex;gap:8px;flex-wrap:wrap}
.aic .btn{border:1px solid var(--rule);background:var(--surface);color:var(--soft);padding:6px 13px;font:560 13px inherit;border-radius:3px;cursor:pointer}
.aic .btn:hover{border-color:var(--ink);color:var(--ink)}
.aic .btn:focus-visible{outline:2px solid var(--pppa-blue-600);outline-offset:2px}

/* layout */
.aic .cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:start}
@media(max-width:920px){.aic .cols{grid-template-columns:1fr;gap:22px}}
.aic .panel-side{position:sticky;top:16px}
@media(max-width:920px){.aic .panel-side{position:static}}

/* form */
.aic fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
.aic legend{padding:0;font-size:15px;font-weight:660;color:var(--ink);margin-bottom:.3rem}
.aic .hint{font-size:12.5px;color:var(--muted);margin:.1rem 0 .8rem;max-width:62ch}
.aic .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aic .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:560px){.aic .grid,.aic .grid-3{grid-template-columns:1fr}}
.aic .f{display:flex;flex-direction:column;gap:3px;min-width:0}
.aic .f label{font-size:12.5px;color:var(--soft)}
.aic .f input,.aic .f select{font:14px inherit;padding:7px 9px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);color:var(--ink-900);width:100%;min-width:0}
.aic .f input:focus,.aic .f select:focus{outline:2px solid var(--pppa-blue-600);outline-offset:-1px;border-color:var(--pppa-blue-600)}
.aic .f .unit{font-size:11.5px;color:var(--muted)}
.aic .check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--soft);margin:8px 0}
.aic .check input{margin-top:3px}

/* initiative / sector cards */
.aic .init{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:4px;padding:15px;margin-bottom:13px}
.aic .init-head{display:flex;gap:9px;align-items:center;margin-bottom:11px}
.aic .init-head input[type=text]{flex:1;font-weight:640;font-size:14px;padding:7px 9px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);color:var(--ink);min-width:0}
.aic .init-head select{max-width:215px;font:13px inherit;padding:6px 8px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);color:var(--soft)}
.aic .init-drop{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 7px}
.aic .init-drop:hover{color:var(--neg)}
.aic .sub{border-top:1px solid var(--hair);margin-top:13px;padding-top:11px}
.aic .sub h3{font-size:12.5px;font-weight:660;color:var(--soft);margin:0 0 8px}
.aic .chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.aic .chip{font-size:12.5px;background:var(--sand-50);border:1px solid var(--rule);border-radius:3px;padding:3px 9px;color:var(--muted)}
.aic .chip b{color:var(--ink);font-weight:660}
.aic .chip.pos b{color:var(--pos)}
.aic .chip.neg b{color:var(--neg)}
.aic .method-tag{display:inline-block;font-size:11.5px;font-weight:660;padding:2px 8px;border-radius:2px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;vertical-align:middle}

/* results */
.aic .res{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:18px;margin-bottom:15px}
.aic .res h2{font-size:17px;font-weight:660;letter-spacing:-.015em;color:var(--ink);margin:0 0 .15rem}
.aic .res .hint{margin-bottom:.9rem}
.aic .kpi{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden;margin-bottom:13px}
.aic .kpi>div{background:var(--surface);padding:12px 13px}
.aic .kpi .v{font-size:21px;font-weight:660;letter-spacing:-.02em;display:block;color:var(--ink);font-variant-numeric:tabular-nums}
.aic .kpi .k{font-size:12px;color:var(--muted);display:block;margin-top:2px}
.aic .kpi .v.pos{color:var(--pos)}
.aic .kpi .v.neg{color:var(--neg)}
.aic .res table{width:100%;font-size:13px}
.aic .res th,.aic .res td{text-align:left;padding:7px 9px;border-bottom:1px solid var(--hair)}
.aic .res th{font-size:12px;font-weight:660;color:var(--soft)}
.aic .res td.n,.aic .res th.n{text-align:right;font-variant-numeric:tabular-nums}
.aic .res tbody tr:last-child td{border-bottom:0}
.aic .rank{font-weight:660;color:var(--ink)}
.aic .band{font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:2px;white-space:nowrap}
.aic .band-now{background:#e4f2ef;color:var(--pos)}
.aic .band-after{background:var(--warn-soft);color:var(--warn)}
.aic .band-embed{background:#f7e8e6;color:var(--neg)}
.aic .note{border-left:3px solid var(--warn);background:var(--warn-soft);padding:10px 13px;font-size:13px;color:var(--soft);margin:12px 0;border-radius:0 3px 3px 0}
.aic .note.good{border-left-color:var(--pos);background:#eef6f4}
.aic .seq{list-style:none;padding:0;margin:9px 0 0;counter-reset:s}
.aic .seq li{position:relative;padding:8px 0 8px 29px;border-bottom:1px solid var(--hair);font-size:13px;color:var(--soft)}
.aic .seq li:last-child{border-bottom:0}
.aic .seq li b{color:var(--ink)}
.aic .seq li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:9px;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:660;display:grid;place-items:center}
.aic svg.chart{width:100%;height:auto;display:block;margin-top:6px;background:var(--surface);border:1px solid var(--rule);border-radius:3px}
.aic .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:6px}
.aic .legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:1px}

/* method notes */
.aic details.method{border-top:1px solid var(--rule);padding:10px 0}
.aic details.method summary{cursor:pointer;font-size:13px;font-weight:660;color:var(--accent)}
.aic details.method p,.aic details.method li{font-size:13px;color:var(--soft);margin:.4rem 0}
.aic details.method ol{padding-left:20px}
.aic details.method code{background:var(--sand-50);padding:1px 5px;border-radius:2px;font-size:12.5px}
.aic .foot-note{font-size:12px;color:var(--muted);margin-top:24px;border-top:1px solid var(--rule);padding-top:13px;max-width:74ch}

.aic .hidden{display:none!important}
.aic-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--pppa-blue-900,#132a3d);color:#fff;padding:8px 18px;border-radius:3px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s;z-index:60}
.aic-toast.on{opacity:1}
@media(prefers-reduced-motion:reduce){.aic-toast{transition:none}}

/* print — the results become the business case */
@media print{
 @page{margin:16mm}
 .site-header,.site-footer,.ic-hero,.aic .toolbar,.aic .form-side,.aic .foot-note,.aic-toast,.aic details.method,.aic .init-drop{display:none!important}
 .aic{background:#fff;padding:0;font-size:11pt}
 .aic .cols{display:block}
 .aic .panel-side{position:static}
 .aic .print-only{display:block!important}
 .aic .res{border:0;padding:0;margin-bottom:16px;break-inside:avoid}
 .aic .kpi{border-color:#999}
 .aic .kpi>div{padding:7px 9px}
 .aic .kpi .v{font-size:15pt}
 .aic svg.chart{border-color:#999}
 .aic .note{break-inside:avoid}
}
.aic .print-only{display:none}

/* methodology document (third mode) */
.aic .cols.single{grid-template-columns:1fr}
.aic .cols.single .panel-side{position:static}
.aic .res.doc{padding:26px 30px;max-width:78ch}
@media(max-width:560px){.aic .res.doc{padding:20px}}
.aic .res.doc h2{font-size:17px;font-weight:660;color:var(--ink);margin:1.9rem 0 .5rem;padding-top:1.1rem;border-top:1px solid var(--hair)}
.aic .res.doc h2:first-child{margin-top:0;padding-top:0;border-top:0}
.aic .res.doc p{font-size:14.5px;line-height:1.62;color:var(--ink-900);margin:0 0 .75rem}
.aic .res.doc p b{color:var(--ink);font-weight:660}
.aic .res.doc code{display:inline-block;background:var(--sand-50);border:1px solid var(--rule2);padding:3px 8px;border-radius:2px;font-size:13px;color:var(--ink);margin:.15rem 0}
.aic .res.doc ul{margin:.5rem 0 1rem;padding:0;list-style:none}
.aic .res.doc ul li{position:relative;padding:.45rem 0 .45rem 18px;font-size:13.5px;line-height:1.55;color:var(--soft);border-bottom:1px solid var(--hair)}
.aic .res.doc ul li:last-child{border-bottom:0}
.aic .res.doc ul li::before{content:"";position:absolute;left:2px;top:1.02rem;width:5px;height:5px;border-radius:50%;background:var(--rule)}
.aic .res.doc i{color:var(--ink)}
@media print{.aic .res.doc{max-width:none;padding:0}.aic .res.doc h2{break-after:avoid}}

/* v1.1 — explanations, metric rows, warnings, version stamp */
.aic details.calc{margin-top:12px;border-top:1px solid var(--hair);padding-top:9px}
.aic details.calc summary{cursor:pointer;font-size:12.5px;font-weight:660;color:var(--accent)}
.aic details.calc ul{margin:.5rem 0 0;padding:0;list-style:none}
.aic details.calc li{font-size:12.5px;color:var(--soft);padding:4px 0 4px 12px;position:relative;font-variant-numeric:tabular-nums;line-height:1.5}
.aic details.calc li::before{content:"";position:absolute;left:0;top:.72rem;width:4px;height:4px;border-radius:50%;background:var(--rule)}
.aic .metric{border:1px solid var(--hair);border-radius:3px;padding:10px;margin-bottom:9px;background:var(--sand-50)}
.aic details.break summary{cursor:pointer;font-size:12.5px;font-weight:660;color:var(--accent);margin-bottom:6px}
.aic ul.warn{margin:.4rem 0 0;padding-left:16px}
.aic ul.warn li{font-size:12.5px;margin:.15rem 0}
.aic .modelv{font-size:11.5px;color:var(--muted);text-align:right;margin:4px 2px 0}
.aic .res.cap{background:var(--sand-50)}
.aic .band-below{background:var(--warn-soft);color:var(--warn)}
.aic .res td.neg{color:var(--neg)}
.aic .res td.pos{color:var(--pos)}
@media print{.aic details.calc{display:block}.aic details.calc[open] ul,.aic details.calc ul{display:block}}

/* Header room — this page carries one nav item more than the homepage, and
   main.css sets .nav to flex-wrap:nowrap / flex-shrink:0, so an over-long nav
   overflows the 1180px container and pushes the language toggle out of view
   instead of wrapping. Scoped to this page: ic.css loads nowhere else. */
.site-header .container{max-width:1400px}
@media(max-width:1440px){ .site-header .nav{gap:.85rem;font-size:.85rem} }
@media(max-width:1280px){ .site-header .nav{gap:.6rem;font-size:.8rem} }