/* OfficeCalculator.Net v145 — Kids section */
:root{
  --kids-ink:#17305f;
  --kids-muted:#60708d;
  --kids-blue:#2487f4;
  --kids-blue-soft:#eaf5ff;
  --kids-pink:#ff5e8e;
  --kids-pink-soft:#fff0f5;
  --kids-yellow:#ffc744;
  --kids-yellow-soft:#fff8df;
  --kids-green:#36bf84;
  --kids-green-soft:#eafaf3;
  --kids-purple:#8b69e8;
  --kids-purple-soft:#f1edff;
  --kids-orange:#ff973c;
  --kids-orange-soft:#fff1e4;
  --kids-border:#d9e8f6;
  --kids-surface:#ffffff;
  --kids-bg:#f7fbff;
  --kids-shadow:0 12px 34px rgba(33,82,126,.10);
}
*{box-sizing:border-box}
body[data-oc-kids="1"]{margin:0;background:var(--kids-bg);color:var(--kids-ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.45}
body[data-oc-kids="1"] .oc-appbar,body[data-oc-kids="1"] .oc-backtop{display:none!important}
.oc-kids-sitebar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--kids-border)}
.oc-kids-sitebar-inner{max-width:1460px;margin:auto;min-height:68px;padding:9px clamp(14px,3vw,38px);display:flex;align-items:center;gap:18px}
.oc-kids-brand{display:flex;align-items:center;gap:10px;color:var(--kids-ink);text-decoration:none;font-weight:900;font-size:1.08rem;white-space:nowrap}
.oc-kids-brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--kids-blue);color:#fff;font-weight:900;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
.oc-kids-brand small{display:block;color:var(--kids-muted);font-size:.68rem;font-weight:650;line-height:1.1}
.oc-kids-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.oc-kids-nav a{color:var(--kids-ink);text-decoration:none;font-weight:750;padding:10px 12px;border-radius:12px;white-space:nowrap}
.oc-kids-nav a:hover,.oc-kids-nav a[aria-current="page"]{background:var(--kids-blue-soft);color:#0768ce}
.oc-kids-mainlink{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--kids-border);padding:9px 12px;border-radius:12px;text-decoration:none;color:var(--kids-ink);font-weight:750;background:white}
.oc-kids-menu-btn{display:none;border:1px solid var(--kids-border);background:white;border-radius:12px;min-width:44px;min-height:44px;font-size:1.2rem;color:var(--kids-ink)}
.oc-kids-page{max-width:1460px;margin:auto;padding:0 clamp(14px,3vw,38px) 36px}
.oc-kids-hero{position:relative;overflow:hidden;margin:18px 0 20px;border:1px solid #cfe6fb;border-radius:30px;padding:clamp(24px,4vw,56px);background:linear-gradient(135deg,#eef9ff 0%,#fff9e7 54%,#f3edff 100%);box-shadow:var(--kids-shadow)}
.oc-kids-hero:before,.oc-kids-hero:after{content:"";position:absolute;border-radius:50%;opacity:.45;pointer-events:none}.oc-kids-hero:before{width:190px;height:190px;background:#bfeaff;right:-45px;top:-55px}.oc-kids-hero:after{width:140px;height:140px;background:#ffe08a;left:-55px;bottom:-60px}
.oc-kids-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:34px}
.oc-kids-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff4c8;border:1px solid #ffe18b;border-radius:999px;padding:7px 12px;font-weight:850;color:#6f5600}
.oc-kids-hero h1{font-size:clamp(2.35rem,5vw,5rem);line-height:.97;margin:14px 0 16px;letter-spacing:-.045em;max-width:820px}.oc-kids-hero h1 .rainbow{background:linear-gradient(90deg,#2388f5,#ff6f61,#35be84,#8b69e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.oc-kids-hero p{font-size:clamp(1rem,1.6vw,1.3rem);color:#425b80;max-width:720px;margin:0 0 22px}
.oc-kids-actions{display:flex;flex-wrap:wrap;gap:12px}.oc-kids-primary,.oc-kids-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:850;border:1px solid transparent}.oc-kids-primary{background:var(--kids-blue);color:#fff;box-shadow:0 8px 18px rgba(36,135,244,.24)}.oc-kids-secondary{background:#fff;color:#136ac1;border-color:#b9daf7}
.oc-kids-trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;color:#3e6077;font-weight:700;font-size:.92rem}.oc-kids-trust span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff7ea;color:#138757;margin-right:6px;font-weight:900}
.oc-kids-mascot{min-height:310px;display:grid;place-items:center;position:relative}.oc-kids-mascot-card{width:min(330px,88%);aspect-ratio:.83;border-radius:42px;background:#55b6ff;border:8px solid #167ee0;box-shadow:0 20px 38px rgba(25,100,174,.2);transform:rotate(4deg);padding:20px;display:flex;flex-direction:column;gap:16px}.oc-kids-mascot-face{background:#eafcff;border-radius:24px;min-height:112px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:1.2rem;position:relative}.oc-kids-mascot-face:after{content:"●   ●\A  ◡";white-space:pre;font-size:1.5rem;line-height:1.05;margin-top:4px;color:#17305f}.oc-kids-mascot-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.oc-kids-mascot-keys span{aspect-ratio:1;border-radius:13px;background:#fff;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.oc-kids-mascot-keys span:nth-child(4n+1){background:#ff799c}.oc-kids-mascot-keys span:nth-child(4n+2){background:#ffc65a}.oc-kids-mascot-keys span:nth-child(4n+3){background:#5bd399}.oc-kids-mascot-keys span:nth-child(4n){background:#9777ed;color:#fff}
.oc-kids-section{margin:24px 0}.oc-kids-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.oc-kids-section h2{font-size:clamp(1.5rem,2.4vw,2.25rem);margin:0;letter-spacing:-.025em}.oc-kids-section-head p{margin:4px 0 0;color:var(--kids-muted)}.oc-kids-more{color:#0a75da;text-decoration:none;font-weight:800;white-space:nowrap}
.oc-kids-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.oc-kids-tool-card{min-width:0;background:white;border:1px solid var(--kids-border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--kids-ink);box-shadow:0 7px 20px rgba(48,95,139,.06);transition:transform .15s ease,border-color .15s ease}.oc-kids-tool-card:hover{transform:translateY(-2px);border-color:#9fcaf1}.oc-kids-tool-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;background:var(--card-soft,var(--kids-blue-soft))}.oc-kids-tool-card strong{font-size:1.03rem}.oc-kids-tool-card small{color:var(--kids-muted);line-height:1.35;min-height:36px}.oc-kids-tool-card .go{margin-top:auto;align-self:flex-start;border-radius:999px;padding:7px 11px;background:var(--card-color,var(--kids-blue));color:#fff;font-weight:800;font-size:.85rem}
.oc-kids-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#eef8ff;border:1px solid var(--kids-border);border-radius:24px;padding:16px}.oc-kids-benefit{background:white;border-radius:17px;padding:15px;display:flex;gap:11px}.oc-kids-benefit-icon{font-size:1.6rem}.oc-kids-benefit strong{display:block}.oc-kids-benefit span{font-size:.88rem;color:var(--kids-muted)}
.oc-kids-adult{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:12px;align-items:stretch}.oc-kids-adult-intro,.oc-kids-adult-card{background:#fff;border:1px solid var(--kids-border);border-radius:18px;padding:17px}.oc-kids-adult-intro h2{margin:0 0 5px}.oc-kids-adult-card strong{display:block;margin-bottom:5px}.oc-kids-adult-card span,.oc-kids-adult-intro p{color:var(--kids-muted);font-size:.92rem;margin:0}
.oc-kids-chips{display:flex;flex-wrap:wrap;gap:9px}.oc-kids-chip{display:inline-flex;padding:8px 12px;border:1px solid #cfe3f5;border-radius:999px;background:white;color:#2b557e;text-decoration:none;font-size:.86rem;font-weight:720}
.oc-kids-footer{margin:26px -20px -36px;padding:28px clamp(20px,4vw,52px);background:white;border-top:1px solid var(--kids-border)}.oc-kids-footer-grid{max-width:1460px;margin:auto;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:24px}.oc-kids-footer h3{margin:0 0 10px}.oc-kids-footer a{display:block;color:#45637f;text-decoration:none;margin:6px 0}.oc-kids-footer p{color:var(--kids-muted)}
/* Tool page */
.oc-kids-toolhero{margin:16px 0 14px;padding:24px;border:1px solid var(--kids-border);border-radius:24px;background:linear-gradient(120deg,#edf8ff,#fff9e8 55%,#f4efff)}.oc-kids-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:#647993;font-size:.86rem;margin-bottom:10px}.oc-kids-breadcrumb a{color:#1875cd;text-decoration:none}.oc-kids-toolhero h1{font-size:clamp(2.15rem,4vw,4rem);line-height:1;margin:0 0 10px;letter-spacing:-.04em}.oc-kids-toolhero p{font-size:1.05rem;color:#4d6681;max-width:830px;margin:0}.oc-kids-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.oc-kids-badge{padding:7px 11px;border-radius:999px;font-weight:800;font-size:.84rem;background:#fff;border:1px solid var(--kids-border)}
.oc-kids-tool-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.65fr);gap:16px;align-items:start}.oc-kids-panel{background:white;border:1px solid var(--kids-border);border-radius:24px;padding:18px;box-shadow:0 8px 26px rgba(45,90,132,.07)}.oc-kids-panel h2,.oc-kids-panel h3{margin-top:0}.oc-kids-panel-sub{margin:-3px 0 14px;color:var(--kids-muted)}
.kc-display{min-height:142px;border-radius:23px;background:linear-gradient(135deg,#eaf8ff,#d9efff);border:1px solid #b9ddf7;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.kc-face{font-size:2.4rem;min-width:92px;text-align:center}.kc-result{text-align:right;min-width:0}.kc-expression{font-size:1.15rem;font-weight:800;color:#42607f;min-height:1.6em;overflow-wrap:anywhere}.kc-number{font-size:clamp(2.6rem,6vw,5rem);line-height:1;font-weight:950;letter-spacing:-.04em;overflow-wrap:anywhere}.kc-toolbar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:10px}.kc-smallbtn{border:1px solid var(--kids-border);background:#fff;border-radius:12px;min-height:44px;padding:9px 12px;color:var(--kids-ink);font-weight:800}.kc-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kc-key{border:0;border-radius:18px;min-height:70px;font-size:1.65rem;font-weight:950;color:#17305f;background:#dff2ff;box-shadow:inset 0 -3px 0 rgba(17,73,124,.06);touch-action:manipulation}.kc-key:active{transform:translateY(1px)}.kc-key.op{color:white;background:var(--kids-blue)}.kc-key.multiply{background:var(--kids-orange)}.kc-key.minus{background:var(--kids-yellow);color:#694b00}.kc-key.plus{background:var(--kids-green)}.kc-key.equals{background:var(--kids-purple);grid-row:span 2}.kc-key.clear{background:var(--kids-pink);color:white}.kc-key.zero{grid-column:span 2}.kc-key.back{font-size:1.2rem;background:#e8f3ff}
.oc-kids-side-stack{display:grid;gap:14px}.oc-kids-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-kids-mini-card{padding:13px;border-radius:16px;text-decoration:none;color:var(--kids-ink);border:1px solid var(--kids-border);background:#f8fbff}.oc-kids-mini-card strong{display:block}.oc-kids-mini-card small{display:block;color:var(--kids-muted);margin:3px 0 8px}.oc-kids-mini-card span{font-size:1.4rem}.oc-kids-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.oc-kids-step{text-align:center;padding:10px}.oc-kids-step b{display:grid;place-items:center;margin:0 auto 6px;width:36px;height:36px;border-radius:50%;background:#eef5ff;color:#136ed0}.oc-kids-step span{font-size:.82rem;color:var(--kids-muted)}
/* Practice tools */
.kp-stage{border-radius:22px;background:linear-gradient(135deg,#eef9ff,#fff8ea);padding:22px;text-align:center;border:1px solid #d3e7f7}.kp-kicker{font-weight:800;color:#617895}.kp-question{font-size:clamp(2.1rem,6vw,4.7rem);font-weight:950;line-height:1.05;margin:10px 0 18px}.kp-inputrow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.kp-answer{width:min(210px,100%);min-height:58px;border-radius:16px;border:2px solid #b9d7ef;text-align:center;font-size:1.6rem;font-weight:850;color:var(--kids-ink);background:#fff}.kp-btn{min-height:52px;border:0;border-radius:14px;padding:11px 18px;background:var(--kids-blue);color:#fff;font-weight:850;font-size:1rem}.kp-btn.secondary{background:#fff;border:1px solid var(--kids-border);color:var(--kids-ink)}.kp-message{min-height:26px;margin:13px 0 0;font-weight:850}.kp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.kp-stat{background:#f7fbff;border:1px solid var(--kids-border);border-radius:15px;padding:10px;text-align:center}.kp-stat strong{font-size:1.25rem;display:block}.kp-stat span{font-size:.78rem;color:var(--kids-muted)}
.kids-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.kids-field label{display:block;font-weight:800;margin-bottom:6px}.kids-field input,.kids-field select{width:100%;min-height:48px;border:1px solid #bdd8ef;border-radius:13px;padding:10px 12px;font-size:16px;color:var(--kids-ink);background:white}
.kids-output{background:#f7fbff;border:1px solid var(--kids-border);border-radius:18px;padding:16px;margin-top:12px}.kids-output-big{font-size:clamp(2rem,5vw,4rem);font-weight:950;line-height:1.08;word-break:break-word}.kids-number-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.kids-number-pill{min-width:48px;padding:10px 12px;border-radius:13px;background:#e8f5ff;font-weight:900;text-align:center}.kids-coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kids-coin{border:1px solid #e0c76a;border-radius:999px;aspect-ratio:1;display:grid;place-items:center;background:#fff5bd;color:#6f5310;font-weight:900;font-size:.88rem}.kids-clock{max-width:330px;margin:12px auto}.kids-clock svg{width:100%;height:auto;display:block}.kids-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kids-choice{min-height:52px;border-radius:14px;border:1px solid var(--kids-border);background:#fff;font-weight:850;color:var(--kids-ink)}.kids-fraction-visual{height:72px;border-radius:16px;display:flex;overflow:hidden;border:2px solid #c7def1;background:#fff;margin:12px 0}.kids-fraction-visual span{flex:1;border-right:1px solid #d9e8f6}.kids-fraction-visual span.on{background:#8ed5ff}.kids-shape-box{min-height:210px;display:grid;place-items:center;background:#f8fbff;border-radius:18px;border:1px solid var(--kids-border);margin:12px 0}.kids-shape{background:#90d5ff;border:5px solid #2683d5;max-width:80%;max-height:150px}
.oc-kids-faq details{background:#fff;border:1px solid var(--kids-border);border-radius:14px;margin:8px 0;padding:12px 14px}.oc-kids-faq summary{cursor:pointer;font-weight:850}.oc-kids-faq p{color:var(--kids-muted)}
.oc-kids-note{padding:14px;border-radius:16px;background:#f2fbf6;border:1px solid #ccebd9;color:#315f49}
.oc-kids-parent-copy{background:white;border:1px solid var(--kids-border);border-radius:20px;padding:20px;margin:14px 0}.oc-kids-parent-copy h2{margin-top:0}.oc-kids-parent-copy p,.oc-kids-parent-copy li{color:#536b84}
@media (max-width:1100px){.oc-kids-tools-grid{grid-template-columns:repeat(3,1fr)}.oc-kids-hero-grid{grid-template-columns:1fr .75fr}.oc-kids-tool-layout{grid-template-columns:1fr}.oc-kids-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-kids-adult{grid-template-columns:1fr 1fr}.oc-kids-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.oc-kids-footer-grid>div:last-child{display:none}}
@media (max-width:820px){.oc-kids-sitebar-inner{flex-wrap:wrap}.oc-kids-menu-btn{display:grid;place-items:center;margin-left:auto}.oc-kids-mainlink{display:none}.oc-kids-nav{width:100%;display:none;order:3;margin:0;padding-top:5px;border-top:1px solid var(--kids-border);flex-wrap:wrap}.oc-kids-nav.open{display:flex}.oc-kids-nav a{flex:1 1 130px;text-align:center}.oc-kids-hero-grid{grid-template-columns:1fr}.oc-kids-mascot{min-height:240px}.oc-kids-mascot-card{width:240px}.oc-kids-tools-grid{grid-template-columns:repeat(2,1fr)}.oc-kids-benefits{grid-template-columns:repeat(2,1fr)}.oc-kids-side-stack{grid-template-columns:1fr}.oc-kids-footer-grid{grid-template-columns:1fr 1fr}.oc-kids-footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.oc-kids-page{padding-left:12px;padding-right:12px}.oc-kids-hero{border-radius:22px;padding:22px 17px}.oc-kids-hero h1{font-size:2.55rem}.oc-kids-mascot{display:none}.oc-kids-actions>*{width:100%}.oc-kids-tools-grid{grid-template-columns:1fr}.oc-kids-tool-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px}.oc-kids-tool-card small{min-height:0}.oc-kids-tool-card .go{grid-column:3;grid-row:1/3;align-self:center}.oc-kids-benefits{grid-template-columns:1fr}.oc-kids-adult{grid-template-columns:1fr}.oc-kids-footer{margin-left:-12px;margin-right:-12px}.oc-kids-footer-grid{grid-template-columns:1fr}.oc-kids-toolhero{padding:20px 15px}.oc-kids-toolhero h1{font-size:2.35rem}.oc-kids-panel{padding:13px;border-radius:19px}.kc-display{min-height:112px;padding:14px}.kc-face{display:none}.kc-number{font-size:3rem}.kc-keypad{gap:7px}.kc-key{min-height:60px;border-radius:15px;font-size:1.45rem}.kc-toolbar{justify-content:stretch}.kc-smallbtn{flex:1 1 120px}.oc-kids-mini-grid{grid-template-columns:1fr 1fr}.oc-kids-steps{grid-template-columns:1fr}.kp-stats{grid-template-columns:repeat(3,1fr)}.kids-control-grid{grid-template-columns:1fr}.kids-coin-grid{grid-template-columns:repeat(4,1fr)}.kids-choice-grid{grid-template-columns:1fr}.oc-kids-footer-grid>div{display:block!important}.oc-kids-brand small{display:none}}
@media (prefers-reduced-motion:reduce){.oc-kids-tool-card{transition:none}.oc-kids-tool-card:hover{transform:none}}
/* v145 final readability refinements */
.oc-kids-tool-card strong,.oc-kids-tool-card small,.oc-kids-mini-card strong,.oc-kids-mini-card small{display:block}
.oc-kids-tool-card>span:nth-child(2){min-width:0}
.rainbow{background:linear-gradient(90deg,#2388f5,#ff6f61,#35be84,#8b69e8);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:560px){.oc-kids-mini-grid{grid-template-columns:1fr}.oc-kids-mini-card{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.oc-kids-mini-card>span{grid-row:1/3}.oc-kids-mini-card small{margin-bottom:0}}