/* ideas2.css (16 Oct 2026, IDEAS batch 2). Cards, Everyday help pages, read-aloud/low-data bar, report button, interpreter card. */
.i2-cards{display:grid;gap:10px;margin:12px 0}
@media (min-width:700px){.i2-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.i2-page .i2-cards{grid-template-columns:1fr 1fr 1fr}}
.i2-card{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(15,61,42,.15);color:inherit;text-decoration:none;text-align:start;font:inherit;width:100%;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.i2-card:hover,.i2-card:focus-visible{border-color:#3f8a4f}.i2-card:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.i2-ic{font-size:26px;line-height:1;flex:none}.i2-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.i2-tx b{font-size:16px}.i2-tx small{opacity:.75;font-size:13px}
.i2-go{font-size:22px;opacity:.5;flex:none}[dir=rtl] .i2-go{transform:scaleX(-1)}
.i2-page h3{margin:0 0 8px}.i2-sec{margin:12px 0;padding:14px}.i2-sec p{margin:6px 0 10px;line-height:1.5}
.i2-intro{font-size:17px;line-height:1.5}.i2-small{font-size:13px;opacity:.8;line-height:1.4}.i2-note{font-size:14px;background:#fff8e1;border-radius:10px;padding:10px 12px;margin:12px 0}
.i2-warn{border-inline-start:5px solid #c62828}.i2-link{min-height:48px}
.i2-ok{color:#1b5e20;font-weight:600}.i2-err{color:#b71c1c;font-weight:600}
.i2-form label{display:block;margin:10px 0;font-weight:600}.i2-form input:not([type=checkbox]):not([type=radio]),.i2-form select,.i2-form textarea,.i2-pcf input,.i2-lbl select{display:block;width:100%;box-sizing:border-box;min-height:44px;font:inherit;font-weight:400;padding:8px 10px;border-radius:10px;border:1px solid #9aa;margin-top:4px}
.i2-chk{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;min-height:36px}.i2-chk input{width:22px;height:22px;flex:none;margin-top:2px}
.i2-q{min-width:0;border:1px solid rgba(0,0,0,.12);border-radius:12px;margin:10px 0;padding:8px 12px}.i2-q legend{font-weight:700;padding:0 4px}
.i2-btn{min-height:48px;font-weight:700}.i2-big{width:100%;margin:12px 0;font-size:18px}
.i2-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.i2-row input{flex:1;min-width:140px}
.i2-hp{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;max-width:1px!important;max-height:1px!important;box-sizing:border-box!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0}
.i2-list li,.i2-steps li{margin:8px 0;line-height:1.45}.i2-inl-a{white-space:nowrap}@media (max-width:359px){.i2-q .i2-inl-a{white-space:normal;overflow-wrap:anywhere}}
.i2-places{list-style:none;padding:0;margin:0}.i2-place{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:3px}
.i2-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.i2-acts a{min-height:32px;display:inline-flex;align-items:center}
.i2-pcf{margin:8px 0}.i2-geo{margin-top:8px;min-height:44px}
/* read aloud + low data bar */
.i2-bar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.i2-tb{min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid rgba(15,61,42,.3);background:#fff;font:inherit;font-size:14px;cursor:pointer;color:inherit}
.i2-tb[aria-pressed=true]{background:#0f3d2a;color:#fff;border-color:#0f3d2a}.i2-toast{flex-basis:100%;font-size:13px;margin:2px 0}
/* report wrong information */
.i2-fb{margin:28px 0 12px;text-align:center}.i2-fbb{background:none;border:0;color:#5a6b62;text-decoration:underline;font:inherit;font-size:14px;min-height:44px;padding:8px 12px;cursor:pointer}
.i2-fbp{text-align:start;max-width:640px;margin:0 auto}
/* interpreter card */
.i2-lbl{display:block;font-weight:600;margin:10px 0}
.i2-intcard{background:#fffde7;border:3px solid #0f3d2a;border-radius:16px;padding:18px;margin:12px 0;font-size:22px;line-height:1.4}
.i2-intcard p{margin:0 0 14px}.i2-ic-l{font-size:26px}.i2-ic-nhs{font-size:18px}.i2-ic-staff{font-size:16px;border-top:1px dashed #0f3d2a;padding-top:10px}
.i2-intcard.i2-full{position:fixed;inset:0;z-index:10050;margin:0;border-radius:0;overflow:auto;font-size:30px;display:flex;flex-direction:column;justify-content:center;padding:24px}
.i2-intcard.i2-full .i2-ic-l{font-size:36px}.i2-x{position:absolute;top:12px;inset-inline-end:12px;font-size:18px;min-height:48px;padding:8px 14px;border-radius:999px;border:0;background:#0f3d2a;color:#fff}
@media print{html.i2-printing body *{visibility:hidden!important}html.i2-printing .i2-intcard,html.i2-printing .i2-intcard *{visibility:visible!important}html.i2-printing .i2-intcard{position:absolute;left:0;top:0;width:100%;border:3px solid #000}}
/* breathing */
.i2-breath{display:flex;justify-content:center;align-items:center;height:200px}
.i2-circle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#a5d6a7,#3f8a4f);transition:transform 4s ease-in-out;transform:scale(1)}
.i2-circle.in{transform:scale(2.2)}.i2-circle.out{transform:scale(1);transition-duration:6s}
html.rmotion .i2-circle{transition:none}.i2-bstate{text-align:center;font-size:22px;font-weight:700;min-height:30px}
/* stories + quiz */
.i2-story{margin:10px 0;padding:14px}.i2-tag{display:inline-block;background:#e8f5e9;border-radius:999px;padding:2px 10px;font-size:13px;margin:0 0 6px}
.i2-safe{background:#fdecea;border-radius:10px;padding:10px 12px;margin:8px 0}
.i2-quiz{padding:16px}.i2-qq{font-size:18px}.i2-opts{display:flex;flex-direction:column;gap:8px}.i2-opt{text-align:start;min-height:48px}
.i2-opt.ok{background:#c8e6c9!important;border-color:#2e7d32!important}.i2-opt.bad{background:#ffcdd2!important;border-color:#c62828!important}
.i2-tbtn{border:1px solid rgba(15,61,42,.15)}
/* low data: also hide heavy embeds (maps, video players); section iframes (#sec) are kept */
html.lowdata iframe[src*="youtube"],html.lowdata iframe[src*="google.com/maps"],html.lowdata iframe[src*="openstreetmap"],html.lowdata video{display:none!important}
html.lowdata .i2-circle{background:#3f8a4f}
.i2-det{border:1px solid rgba(0,0,0,.12);border-radius:12px;margin:8px 0;padding:0 12px}.i2-det summary{min-height:48px;display:flex;align-items:center;gap:6px;font-weight:700;cursor:pointer}
.i2-fsi{border-top:1px solid rgba(0,0,0,.08);padding:10px 0}.i2-fsi p{margin:4px 0}.i2-cov{opacity:.7}.i2-open{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;text-decoration:none}
.i2-q.i2-miss{outline:3px solid #b42318;outline-offset:2px;border-radius:10px}
.i2-intcard{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","Noto Naskh Arabic","Noto Sans Ethiopic","Noto Sans Tamil","Noto Sans Bengali","Noto Sans Devanagari","Noto Sans Sinhala","Noto Sans Thai","Noto Sans Khmer","Noto Sans Kannada","Noto Sans Oriya","Noto Sans Thaana","Noto Serif Tibetan","Noto Sans Myanmar","Noto Sans Georgian","Noto Sans Armenian","Noto Sans Hebrew","Noto Sans CJK SC",sans-serif;overflow-wrap:anywhere;word-break:break-word;max-width:100%;box-sizing:border-box}
.i2-intcard p{overflow-wrap:anywhere;hyphens:auto}

/* six features 17 Oct 2026 */
.i2-phl{list-style:none;margin:8px 0 0;padding:0}.i2-phl li{border:2px solid #0F6E68;border-radius:12px;padding:10px 12px;margin:8px 0;background:#fff}
.i2-phl li b{display:block;font-size:1.15em;line-height:1.35;color:#0b2e2c}.i2-phl li small{display:block;margin-top:4px;color:#334;font-size:.95em}
.i2-inst-bn{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:12px 0;padding:12px 14px;border-radius:14px;background:#e8f5f3;border:1px solid #9fd3cc;color:#0b2e2c;box-sizing:border-box;max-width:100%}
.i2-inst-ic{flex:0 0 44px;border-radius:10px}.i2-inst-tx{flex:1 1 180px;min-width:0}.i2-inst-tx b{display:block;font-size:1.05em}.i2-inst-tx small{display:block;line-height:1.35;overflow-wrap:anywhere}
.i2-inst-bt{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 100%}
.i2-inst-go,.i2-inst-no{min-height:44px;padding:8px 14px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;max-width:100%;white-space:normal}
.i2-inst-go{background:#0F6E68;color:#fff;border:0}.i2-inst-no{background:transparent;color:#0F6E68;border:1px solid #0F6E68}
.i2-inst-big{width:100%;font-size:1.1em;margin:8px 0}
@media (min-width:700px){.i2-inst-bt{flex:0 0 auto}}
.i2-ios li{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.i2-ii{flex:0 0 26px;display:inline-flex;justify-content:center;color:#0F6E68}
a.el-row.i2-inst-set{text-decoration:none;color:inherit;display:flex}

/* v95 17 Oct 2026: What's new, forms */
.i2-wn{margin:10px 0 14px;padding:10px 14px;border-radius:14px;background:#f3f7fb;border:1px solid #d5e2ee;box-sizing:border-box;max-width:100%}
.i2-wn h2.tm-sh{margin:2px 0 6px}.i2-wnl{list-style:none;margin:0;padding:0}.i2-wnl li{margin:0}
.i2-wnl a{display:flex;gap:8px;align-items:flex-start;padding:7px 2px;min-height:32px;color:#0b2e2c;text-decoration:none;border-top:1px solid #e3ebf3;overflow-wrap:anywhere}
.i2-wnl li:first-child a{border-top:0}.i2-wnl a:hover,.i2-wnl a:focus{text-decoration:underline}
.i2-wnm summary{cursor:pointer;padding:6px 2px;color:#0F6E68;font-weight:700;min-height:32px}
.i2-tvl{border:1px solid #d5e2ee;border-radius:12px;padding:8px 12px;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 10px}
.i2-tvl legend{font-weight:700;padding:0 4px}.i2-tvl .i2-chk{margin:4px 0}
.i2-ftl a{white-space:nowrap}

/* v98 17 Oct 2026: two-language cards, favourites */
.i2-pcard{font-size:19px}.i2-pr{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 0;border-top:1px dashed #0f3d2a}.i2-pr:first-child{border-top:0;padding-top:0}
.i2-pr p{margin:0;min-width:0}.i2-pr-en{color:#334}.i2-pr-l{font-size:1.15em;font-weight:700}
@media (min-width:640px){.i2-pr{grid-template-columns:1fr 1fr;gap:16px}}
.i2-pcard.i2-full{font-size:26px;justify-content:flex-start}
.i2-fvl{list-style:none;margin:0;padding:0}.i2-fvl li{display:flex;align-items:center;gap:8px;border-top:1px solid #e3ebf3}.i2-fvl li:first-child{border-top:0}
.i2-fvl a{flex:1;min-width:0;padding:10px 2px;min-height:44px;box-sizing:border-box;display:flex;align-items:center;color:#0b2e2c;overflow-wrap:anywhere}
.i2-fvx{flex:none;min-width:44px;min-height:44px;border:0;background:none;font-size:18px;color:#B42318;cursor:pointer}
.i2-fav[aria-pressed=true]{background:#fff4c2}

/* v98b 17 Oct 2026: toolbar print / WhatsApp / simple words; print stylesheet for content pages */
a.i2-tb{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box}
.i2-swb[aria-pressed=true]{background:#e6f4ea;border-color:#0f6e68}
.i2-simple{font-size:1.08em}.i2-swl li{margin:6px 0}
@media print{
 html:not(.i2-printing) body:not(.hb-printing)>*:not(main){display:none!important}
 html:not(.i2-printing) body:not(.hb-printing) #app .i2-bar,html:not(.i2-printing) body:not(.hb-printing) #app .i2-fb,html:not(.i2-printing) body:not(.hb-printing) #app button,
 html:not(.i2-printing) body:not(.hb-printing) #app select,html:not(.i2-printing) body:not(.hb-printing) #app .hb-back,html:not(.i2-printing) body:not(.hb-printing) #app .i2-cards{display:none!important}
 html:not(.i2-printing) body{background:#fff!important;color:#000!important}
 html:not(.i2-printing) #app .card{box-shadow:none!important;border:1px solid #999!important;background:#fff!important}
 html:not(.i2-printing) #app a.hb-row,html:not(.i2-printing) #app li{break-inside:avoid}
 html:not(.i2-printing) #app a.hb-row{display:block!important;min-height:0!important;padding:4px 0!important}
 html:not(.i2-printing) #app a[href^="http"]::after{content:attr(href);display:block;font-size:.8em;word-break:break-all;color:#333}
}