/* OfficeCalculator.Net v132 — global base bundle
   Sources: /styles-new.css + /assets/app/app.css
   Keep calculator/module-specific CSS separate so tool logic and specialist layouts remain isolated. */

/* ===== legacy global base ===== */
/* OfficeCalculator.Net — Universal Office Theme */
:root{
  --oc-primary:#173f67;--oc-primary-2:#245f94;--oc-primary-3:#0f2f4d;--oc-accent:#2f80c8;
  --oc-accent-soft:#eaf3fb;--oc-success:#177a5b;--oc-bg:#f3f6f9;--oc-surface:#fff;
  --oc-surface-2:#eef3f7;--oc-text:#182534;--oc-muted:#5e6d7d;--oc-border:#d8e1e9;
  --oc-danger:#b43b3b;--oc-shadow:0 12px 32px rgba(20,45,70,.10);
  --oc-shadow-sm:0 4px 14px rgba(20,45,70,.08);--oc-radius:16px;--oc-sidebar:292px
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;background:var(--oc-bg)}
body{min-height:100%;margin:0;background:linear-gradient(180deg,#f7f9fc 0,#f1f5f8 100%);color:var(--oc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--oc-primary-2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--oc-primary-3);text-decoration:none}
.container{display:flex;min-height:100vh;max-width:1680px;margin:auto;background:var(--oc-surface);box-shadow:0 0 60px rgba(22,47,73,.08)}
.left-column{position:sticky;top:0;align-self:flex-start;flex:0 0 var(--oc-sidebar);width:var(--oc-sidebar);height:100vh;overflow:auto;padding:24px 18px;background:linear-gradient(165deg,var(--oc-primary-3),var(--oc-primary));color:#fff;box-shadow:8px 0 30px rgba(16,44,70,.13);z-index:50}
.site-name{width:100%;min-width:0;margin:0 4px 24px;padding:4px 0 20px;border-bottom:1px solid rgba(255,255,255,.16);font-size:1.08rem;font-weight:850;letter-spacing:-.035em;text-align:left;overflow:hidden}.site-name a{display:flex;align-items:center;gap:10px;width:100%;min-width:0;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-name a::before{content:"";display:block;flex:0 0 34px;width:34px;height:34px;margin:0;border-radius:10px;background:url("/assets/brand/officecalculator-mark.svg") center/contain no-repeat;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.menu{display:flex;flex-direction:column;gap:7px}.menu a{display:flex;align-items:center;min-height:46px;padding:11px 13px;border:1px solid transparent;border-radius:10px;color:#eaf3fb;background:rgba(255,255,255,.055);font-size:.93rem;font-weight:650;text-decoration:none;transition:.18s ease}.menu a:hover,.menu a:focus-visible,.menu a.current{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.16);transform:translateX(2px)}.menu a[href*="search"]{margin-top:8px;background:#fff;color:var(--oc-primary);box-shadow:var(--oc-shadow-sm)}.menu-icon{display:none;color:#fff;font-size:1.55rem;cursor:pointer}
.right-column{display:flex;flex:1;min-width:0;min-height:100vh;flex-direction:column;padding:28px clamp(18px,3vw,48px);background:var(--oc-bg)}.content{display:flex;flex:1;flex-direction:column;max-width:1160px;width:100%;margin:0 auto}.header{width:100%;padding:14px;background:transparent;color:var(--oc-text);text-align:center}
h1,h2,h3,h4{color:var(--oc-primary);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2rem,4vw,3rem);margin:.15em 0 .65em}h2{font-size:clamp(1.5rem,2.7vw,2.1rem);margin:1.55em 0 .55em}h3{font-size:clamp(1.22rem,2vw,1.6rem);margin:1.3em 0 .5em}h4{font-size:1.2rem}p{font-size:1.06rem;line-height:1.75;color:#455568;margin:.7em 0 1.15em}ul,ol{font-size:1.03rem;line-height:1.65;padding-left:1.4rem}li{margin:.45rem 0;color:#455568}
.cal-section{position:relative;display:flex;flex-direction:column;gap:12px;max-width:820px;width:100%;margin:22px auto 30px;padding:clamp(20px,4vw,38px);border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);box-shadow:var(--oc-shadow);text-align:left}.cal-section>h1:first-child,.cal-section>h2:first-child,.cal-section>h3:first-child{margin-top:0}.cal-section br{line-height:.35}
label{display:inline-block;margin-top:4px;color:#27394b;font-weight:700;font-size:.96rem}input,select,textarea{max-width:100%;min-height:46px;padding:10px 12px;border:1px solid #c8d4df;border-radius:9px;background:#fff;color:var(--oc-text);font:inherit;box-shadow:inset 0 1px 2px rgba(20,45,70,.035);transition:border-color .18s,box-shadow .18s}input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:min(100%,520px)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--oc-accent);box-shadow:0 0 0 4px rgba(47,128,200,.14)}input[type=radio],input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--oc-primary-2);vertical-align:middle}
button,.link-button,.tool-button,input[type=submit],input[type=button]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:4px 5px 4px 0;padding:10px 18px;border:0;border-radius:9px;background:linear-gradient(180deg,var(--oc-primary-2),var(--oc-primary));color:#fff;font:700 .97rem/1.15 inherit;cursor:pointer;text-decoration:none;box-shadow:0 4px 11px rgba(23,63,103,.18);transition:transform .16s,box-shadow .16s,background .16s}button:hover,.link-button:hover,.tool-button:hover,input[type=submit]:hover,input[type=button]:hover{background:var(--oc-primary-3);color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px rgba(23,63,103,.22)}button:focus-visible,.link-button:focus-visible{outline:3px solid rgba(47,128,200,.34);outline-offset:2px}button a{color:#fff;text-decoration:none}
:is(div,p,span,output)[id^="result"]:not([id$="Section"]):not([id$="Container"]):not(.photos){min-height:30px;padding:12px 14px;border-left:4px solid var(--oc-accent);border-radius:7px;background:var(--oc-accent-soft);color:var(--oc-primary-3);font-weight:750;overflow-wrap:anywhere}
table{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--oc-border);border-radius:12px;background:#fff;box-shadow:var(--oc-shadow-sm);overflow:hidden}th,td{padding:13px 14px;border:0;border-bottom:1px solid var(--oc-border);text-align:left}th{background:var(--oc-primary);color:#fff;font-weight:750}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f8fafc}
img{max-width:100%;height:auto;border-radius:12px}.footer-menu{margin-bottom:12px}.footer-menu a,footer a{color:#fff}footer{margin-top:auto;padding:28px;border-radius:14px 14px 0 0;background:var(--oc-primary-3);color:#eaf3fb;text-align:center}.tool-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:28px 0}.tool-button{width:100%;max-width:none;margin:0;padding:14px}.current{background:var(--oc-primary-3)!important;color:#fff!important}
@media(max-width:900px){.container{display:block}.left-column{position:sticky;top:0;width:100%;height:auto;min-height:64px;overflow:visible;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.site-name{margin:0;padding:0;border:0;font-size:1.15rem}.site-name a::before{width:31px;height:31px}.menu-icon{display:block;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.12)}.menu{display:none;position:absolute;top:100%;left:0;width:100%;max-height:72vh;overflow:auto;padding:12px 16px;background:var(--oc-primary-3);box-shadow:0 16px 35px rgba(0,0,0,.24)}.menu.active{display:flex}.right-column{min-height:calc(100vh - 64px);padding:18px 14px}}
@media(max-width:600px){h1{font-size:1.85rem}.cal-section{padding:18px 15px;border-radius:12px}button,.link-button,.tool-button,input[type=submit],input[type=button]{width:auto;max-width:100%;padding:10px 14px}.tool-buttons{grid-template-columns:1fr}p{font-size:1rem}table{display:block;overflow-x:auto}}
@media print{.left-column,.adsbygoogle,footer{display:none!important}.right-column{padding:0;background:#fff}.container{display:block;box-shadow:none}.cal-section{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Brand, empty-ad and legacy-layout safeguards */
.site-name a{color:#fff!important}.site-name a:hover{color:#fff!important;opacity:.94}
ins.adsbygoogle[data-ad-status="unfilled"],ins.adsbygoogle.oc-ad-empty{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.oc-blog-support{width:100%;margin:20px 0;padding:0}.oc-blog-support>.w3-border{border-color:var(--oc-border)!important;border-radius:12px;background:var(--oc-surface)}
.content>br:last-child,.content>p:empty{display:none}
@media(max-width:900px){.site-name a::before{width:34px;height:34px;flex-basis:34px}}


/* Premium universal refinements — brand containment, dark contrast and compact actions */
.site-name a{max-width:100%}
.site-name a::after{content:"";min-width:0}
.cal-section>button,.cal-section>input[type="button"],.cal-section>input[type="submit"]{align-self:flex-start;width:auto!important;max-width:100%;min-width:132px}
.oc-auto-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:10px 0 2px}
.oc-auto-actions>button,.oc-auto-actions>input[type="button"],.oc-auto-actions>input[type="submit"],.oc-auto-actions>.link-button{flex:0 0 auto;width:auto!important;min-width:124px;max-width:100%;margin:0!important}
body.oc-dark h1,body.oc-dark h2,body.oc-dark h3,body.oc-dark h4,body.oc-dark h5,body.oc-dark h6{color:#8fd0ff!important;text-shadow:0 1px 0 rgba(0,0,0,.12)}
body.oc-dark a:not(.menu a):not(.oc-share-button):not(.oc-button-link){color:#83c9ff}
body.oc-dark .cal-section .input-group label,body.oc-dark .cal-section .slider-value,body.oc-dark .cal-section .input-with-icon span,body.oc-dark .cal-section .results-header,body.oc-dark .cal-section .result-label,body.oc-dark .cal-section strong{color:#d7e6f2!important}
body.oc-dark .cal-section .results-container,body.oc-dark .cal-section .result-box,body.oc-dark .cal-section [class*="result-box"]{background:#1c2b38!important;color:#e8eef4!important;border-color:#3a5062!important}
body.oc-dark .cal-section .result-value{color:#72e0ac!important}
body.oc-dark .cal-section input[type="range"]{background:#405365!important}
body.oc-dark .oc-appbar{border-color:#476176;background:rgba(19,31,42,.94)}
body.oc-dark .oc-app-action{background:#243747!important;color:#d7e9f6!important}
body.oc-dark .oc-app-action:hover{background:#30485b!important;color:#fff!important}
@media(max-width:900px){.site-name{font-size:1.05rem;overflow:visible}.site-name a{overflow:visible;text-overflow:clip}.site-name a::before{flex-basis:32px;width:32px;height:32px}}
@media(max-width:520px){.oc-auto-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.oc-auto-actions>button,.oc-auto-actions>input[type="button"],.oc-auto-actions>input[type="submit"],.oc-auto-actions>.link-button{width:100%!important;min-width:0}.cal-section>button,.cal-section>input[type="button"],.cal-section>input[type="submit"]{width:100%!important}}


/* v9 responsive application frame — laptops, tablets and phones */
html,body{overflow-x:clip}
.content,.cal-section,.right-column{min-width:0}
.content{container-type:inline-size;container-name:oc-content}

/* Collapse the permanent sidebar before it starts squeezing calculators. */
@media(max-width:1120px){
  .container{display:block}
  .left-column{position:sticky;top:0;width:100%;height:auto;min-height:64px;overflow:visible;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px rgba(16,44,70,.18)}
  .site-name{max-width:calc(100% - 62px);margin:0;padding:0;border:0;font-size:1.05rem;overflow:visible}
  .site-name a{overflow:visible;text-overflow:clip}
  .site-name a::before{flex-basis:32px;width:32px;height:32px}
  .menu-icon{display:block;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.12)}
  .menu{display:none;position:absolute;top:100%;left:0;width:100%;max-height:72vh;overflow:auto;padding:12px 16px;background:var(--oc-primary-3);box-shadow:0 16px 35px rgba(0,0,0,.24)}
  .menu.active{display:flex}
  .right-column{min-height:calc(100vh - 64px);padding:18px clamp(14px,3vw,28px)}
}

@media(max-width:640px){
  .right-column{padding:14px 10px}
  h1{font-size:clamp(1.65rem,8vw,2.05rem);margin:.35em 0 .7em}
  h2{font-size:clamp(1.35rem,6vw,1.75rem)}
  p,ul,ol{font-size:1rem}
  input,select,textarea{font-size:16px}
  .cal-section{margin:14px auto 24px;padding:16px 12px;border-radius:14px;box-shadow:0 8px 22px rgba(20,45,70,.09)}
  footer{padding:22px 14px}
}

@media(max-width:380px){
  .site-name{font-size:.98rem}
  .site-name a{gap:8px}
  .right-column{padding-left:8px;padding-right:8px}
  .cal-section{padding-left:10px;padding-right:10px}
}

/* v10 sidebar overflow correction — vertical access without a horizontal scrollbar */
@media(min-width:1121px){
  .left-column{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
  .left-column::-webkit-scrollbar{width:6px;height:0}
  .left-column::-webkit-scrollbar-track{background:transparent}
  .left-column::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.22)}
  .left-column::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.36)}
  .menu{min-width:0;max-width:100%;overflow-x:hidden}
  .menu a{width:100%;max-width:100%;min-width:0;transform:none!important}
}


/* v16 homepage calculator safeguards */
.oc-calculator-app .display-panel output#result,.oc-calculator-app .display-panel #expression,.oc-calculator-app .display-panel #displayMessage{padding:0!important;border:0!important;border-left:0!important;background:transparent!important;box-shadow:none!important;overflow-wrap:anywhere!important}
.oc-calculator-app .display-panel output#result{color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important}

/* v53 people-first long-tail question section */
.oc-v53-longtail{margin:22px auto;padding:22px 24px;border:1px solid #dce5f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,55,90,.06)}.oc-v53-longtail h2{margin-top:0}.oc-v53-longtail h3{margin:18px 0 6px;color:#18345f}.oc-v53-longtail p{margin:0 0 10px;line-height:1.7;color:#4f6078}@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .oc-v53-longtail{background:#162132;border-color:#2b3a50}html:not([data-theme="light"]) .oc-v53-longtail h3{color:#a9c2ff}html:not([data-theme="light"]) .oc-v53-longtail p{color:#b8c2d3}}html[data-theme="dark"] .oc-v53-longtail{background:#162132;border-color:#2b3a50}html[data-theme="dark"] .oc-v53-longtail h3{color:#a9c2ff}html[data-theme="dark"] .oc-v53-longtail p{color:#b8c2d3}@media(max-width:700px){.oc-v53-longtail{padding:18px 16px;margin:16px auto}.oc-v53-longtail h3{font-size:1rem}}


/* ===== shared application base ===== */
/* OfficeCalculator.Net — Premium application components (scoped; no duplicate global theme rules) */
.oc-appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;max-width:1160px;width:100%;margin:-12px auto 24px;padding:10px 12px;border:1px solid rgba(216,225,233,.9);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 8px 25px rgba(21,49,77,.08);backdrop-filter:blur(12px)}.oc-appbar-search{flex:1;position:relative}.oc-appbar-search input{width:100%!important;min-height:44px;padding-left:42px;background:#f5f8fb}.oc-search-mark{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--oc-muted)}.oc-app-action{min-height:40px!important;margin:0!important;padding:8px 12px!important;background:#eef4f9!important;color:var(--oc-primary)!important;box-shadow:none!important}.oc-app-action:hover{background:#dfeaf4!important;transform:none!important}.oc-search-panel{position:absolute;left:0;right:0;top:52px;max-height:min(520px,70vh);overflow:auto;border:1px solid var(--oc-border);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(17,43,68,.18)}.oc-search-item{display:block;padding:13px 15px;border-bottom:1px solid #edf1f5;text-decoration:none}.oc-search-item:last-child{border-bottom:0}.oc-search-item:hover,.oc-search-item.active{background:#e8f2fa}.oc-search-item strong{display:block;color:var(--oc-primary);font-size:.98rem}.oc-search-item span{display:block;color:var(--oc-muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-search-empty{padding:20px;color:var(--oc-muted);text-align:center}.oc-search-shortcut{font-size:.75rem;color:#718294;border:1px solid #ccd7e1;border-radius:5px;padding:2px 5px;background:#fff}
.oc-toast{position:fixed;right:20px;bottom:20px;z-index:9999;padding:12px 16px;border-radius:10px;background:var(--oc-primary);color:#fff;box-shadow:var(--oc-shadow);animation:ocIn .2s ease}.oc-backtop{position:fixed;right:18px;bottom:18px;z-index:90;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;opacity:0;pointer-events:none}.oc-backtop.show{opacity:1;pointer-events:auto}.oc-favorite-active{background:#fff1c8!important;color:#7c5b00!important}
/* Related and popular calculators */
.oc-discovery-wrap{width:100%;margin:22px 0 32px}.oc-discovery{margin:0 0 22px;padding:clamp(18px,3vw,28px);border:1px solid var(--oc-border);border-radius:16px;background:var(--oc-surface);box-shadow:var(--oc-shadow-sm)}.oc-discovery-heading{margin-bottom:18px}.oc-discovery-heading h2{margin:.2rem 0 .3rem;font-size:clamp(1.35rem,2.5vw,1.8rem)}.oc-discovery-heading p{margin:0;color:var(--oc-muted);font-size:.96rem}.oc-eyebrow{display:inline-block;color:var(--oc-accent);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.oc-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oc-discovery-card{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid var(--oc-border);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbfd);color:var(--oc-text);text-decoration:none;box-shadow:0 2px 8px rgba(20,45,70,.045);transition:border-color .17s,transform .17s,box-shadow .17s}.oc-discovery-card:hover{border-color:#a9c9e2;color:var(--oc-text);transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,45,70,.10)}.oc-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--oc-accent-soft);color:var(--oc-primary);font-size:1.1rem;font-weight:850}.oc-card-body{min-width:0}.oc-card-body strong{display:block;color:var(--oc-primary-3);font-size:.97rem;line-height:1.3}.oc-card-body small{display:block;margin-top:4px;color:var(--oc-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-card-arrow{color:var(--oc-accent);font-size:1.15rem;transition:transform .17s}.oc-discovery-card:hover .oc-card-arrow{transform:translateX(3px)}.oc-popular-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5fb 0%,#f8fbfd 70%,#eef6fc 100%)}.oc-popular-section::before{content:"";position:absolute;right:-70px;top:-85px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,136,199,.13),rgba(47,136,199,0) 70%);pointer-events:none}.oc-discovery-heading-compact{position:relative;margin-bottom:16px}.oc-discovery-heading-compact p{max-width:720px;margin-top:5px}.oc-popular-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.oc-popular-link{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;min-width:0;min-height:72px;padding:12px 13px;border:1px solid #c9ddea;border-radius:12px;background:rgba(255,255,255,.94);color:var(--oc-text);text-decoration:none;box-shadow:0 3px 10px rgba(20,45,70,.055);transition:border-color .17s,transform .17s,box-shadow .17s,background-color .17s}.oc-popular-link:hover{border-color:var(--oc-accent);background:#fff;color:var(--oc-text);transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,45,70,.11)}.oc-popular-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--oc-accent-soft);color:var(--oc-primary);font-size:1.05rem;font-weight:850}.oc-popular-copy{min-width:0}.oc-popular-copy strong{display:block;color:var(--oc-primary-3);font-size:.91rem;line-height:1.27}.oc-popular-copy small{display:block;margin-top:3px;color:var(--oc-muted);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-popular-arrow{color:var(--oc-accent);font-size:1.05rem;transition:transform .17s}.oc-popular-link:hover .oc-popular-arrow{transform:translateX(3px)}
/* Search results and sitemap */
.oc-search-page{max-width:930px;margin:auto}.oc-premium-search{display:flex;gap:10px;padding:14px;border:1px solid var(--oc-border);border-radius:16px;background:var(--oc-surface);box-shadow:var(--oc-shadow)}.oc-premium-search input{flex:1;width:100%!important;min-height:54px;font-size:1.08rem}.oc-premium-search button{margin:0;min-width:120px}.search-info{margin:20px 0;color:var(--oc-muted)}.result-item{padding:18px 20px;margin:0 0 12px;border:1px solid var(--oc-border);border-radius:12px;background:var(--oc-surface);box-shadow:var(--oc-shadow-sm)}.result-title{font-size:1.25rem;margin:0 0 5px}.result-url{color:var(--oc-success);font-size:.88rem;font-weight:700}.result-excerpt{margin:7px 0 0;font-size:.98rem}.no-results{text-align:center;padding:45px 20px}.oc-button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:4px 5px 4px 0;padding:10px 18px;border-radius:9px;background:linear-gradient(180deg,var(--oc-primary-2),var(--oc-primary));color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 4px 11px rgba(23,63,103,.18)}
.oc-sitemap{max-width:1120px;margin:auto}.oc-sitemap>p{max-width:780px}.oc-sitemap-search{position:sticky;top:12px;z-index:20;margin:20px 0;padding:14px;border:1px solid var(--oc-border);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:var(--oc-shadow-sm);backdrop-filter:blur(10px)}.oc-sitemap-search label{display:block;margin:0 0 6px}.oc-sitemap-search input{width:100%!important}.oc-sitemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oc-sitemap-group{padding:18px;border:1px solid var(--oc-border);border-radius:13px;background:var(--oc-surface);box-shadow:var(--oc-shadow-sm)}.oc-sitemap-group h2{margin:0 0 12px;font-size:1.25rem}.oc-sitemap-group ul{margin:0;padding-left:1.25rem}.oc-sitemap-group li{margin:.34rem 0;font-size:.96rem}.oc-sitemap-group li[hidden],.oc-sitemap-group[hidden]{display:none}
body.oc-dark{--oc-bg:#101923;--oc-surface:#17232f;--oc-surface-2:#1c2b38;--oc-text:#e8eef4;--oc-muted:#aebdca;--oc-border:#334554;background:#101923;color:var(--oc-text)}body.oc-dark .right-column,body.oc-dark .cal-section,body.oc-dark .oc-appbar,body.oc-dark input,body.oc-dark select,body.oc-dark textarea,body.oc-dark table,body.oc-dark .oc-discovery,body.oc-dark .oc-discovery-card,body.oc-dark .oc-popular-link,body.oc-dark .result-item,body.oc-dark .oc-sitemap-group{background:var(--oc-surface);color:var(--oc-text)}body.oc-dark p,body.oc-dark li,body.oc-dark label{color:#c5d1dc}body.oc-dark .oc-card-body strong{color:#e8f3fb}body.oc-dark .oc-appbar-search input{background:#111d27}body.oc-dark .oc-search-panel{background:#17232f}body.oc-dark .oc-popular-section{background:#162633}
@keyframes ocIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.oc-appbar{top:72px;margin:0 0 18px;border-radius:12px}.oc-appbar .oc-label{display:none}}
@media(max-width:900px){.oc-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.oc-discovery-grid{grid-template-columns:1fr}.oc-sitemap-grid{grid-template-columns:1fr}.oc-sitemap-search{top:76px}}
@media(max-width:600px){.oc-appbar{gap:7px;padding:8px}.oc-app-action{padding:8px 10px!important}.oc-search-shortcut{display:none}.oc-premium-search{flex-direction:column}.oc-premium-search button{width:100%}.oc-discovery{padding:17px 14px}.oc-popular-grid{grid-template-columns:1fr}.oc-popular-link{min-height:68px}}
@media(max-width:420px){.oc-card-icon,.oc-popular-icon{width:38px;height:38px}.oc-discovery-card,.oc-popular-link{grid-template-columns:38px minmax(0,1fr) 18px;padding:12px}}
@media print{.oc-appbar,.oc-backtop,.oc-discovery-wrap{display:none!important}}

/* Universal page sharing */
.oc-share-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(420px,1.4fr);align-items:center;gap:22px;width:100%;margin:24px 0;padding:clamp(20px,3vw,28px);border:1px solid #b9d3e6;border-radius:16px;background:linear-gradient(135deg,#173f67 0%,#245f94 64%,#2f80c8 100%);color:#fff;box-shadow:0 14px 30px rgba(15,47,77,.18)}
.oc-share-panel::after{content:"";position:absolute;right:-80px;top:-110px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.oc-share-copy{position:relative;z-index:1}.oc-share-copy .oc-eyebrow{color:#bfe3ff}.oc-share-copy h2{margin:.25rem 0 .35rem;color:#fff;font-size:clamp(1.35rem,2.2vw,1.75rem)}.oc-share-copy p{margin:0;color:#e6f2fb;font-size:.96rem}.oc-share-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.oc-share-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important;min-height:46px!important;width:100%!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:.88rem!important;font-weight:780!important;text-decoration:none!important;box-shadow:none!important;transition:.17s!important}.oc-share-button:hover{background:#fff!important;color:var(--oc-primary)!important;border-color:#fff!important;transform:translateY(-1px)!important}.oc-share-button-primary{background:#fff!important;color:var(--oc-primary)!important}.oc-share-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.16);font-weight:900}.oc-share-button-primary .oc-share-icon,.oc-share-button:hover .oc-share-icon{background:var(--oc-accent-soft)}.oc-share-url{grid-column:1/-1;margin:2px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);color:#cfe6f7;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-quick-share{background:linear-gradient(180deg,var(--oc-accent),var(--oc-primary-2))!important;color:#fff!important}.oc-quick-share:hover{background:var(--oc-primary)!important;color:#fff!important}
/* Compact, intentional vertical rhythm near ads and discovery sections */
.oc-share-panel+.oc-discovery-wrap{margin-top:0}.oc-discovery-wrap+.adsbygoogle{margin-top:8px!important}.oc-blog-discovery{margin-top:24px}.oc-blog-support:empty{display:none}.w3-row.w3-padding-64:empty{display:none!important}
@media(max-width:900px){.oc-share-panel{grid-template-columns:1fr}.oc-share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.oc-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-share-button{font-size:.84rem!important}.oc-share-url{display:none}}
@media(max-width:430px){.oc-share-actions{grid-template-columns:1fr}}
body.oc-dark .oc-share-panel{border-color:#365f7e;background:linear-gradient(135deg,#0f2f4d,#173f67)}
@media print{.oc-share-panel{display:none!important}}


/* Premium calculator cards and in-page result messaging */
.oc-tool-card{max-width:880px;margin:0 auto 28px;padding:clamp(20px,4vw,34px)!important;border:1px solid var(--oc-border)!important;border-radius:18px!important;background:var(--oc-surface)!important;box-shadow:0 14px 34px rgba(20,45,70,.10)!important;text-align:left!important;align-items:stretch!important}.oc-tool-heading{margin-bottom:18px}.oc-tool-heading h2{margin:.25rem 0 .35rem;font-size:clamp(1.45rem,3vw,2rem)}.oc-tool-heading p{margin:0;color:var(--oc-muted);font-size:1rem}.oc-unit-tabs{display:inline-flex;gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--oc-border);border-radius:11px;background:var(--oc-surface-2)}.oc-unit-tab{min-height:40px!important;margin:0!important;padding:8px 18px!important;border-radius:8px!important;background:transparent!important;color:var(--oc-primary)!important;box-shadow:none!important;font-size:.93rem!important}.oc-unit-tab.active{background:var(--oc-primary)!important;color:#fff!important}.oc-bmi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oc-field-group label{display:block;margin:0 0 7px;color:var(--oc-primary-3);font-size:.93rem;font-weight:800}.oc-input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--oc-border);border-radius:11px;background:#fff}.oc-input-with-unit:focus-within{border-color:var(--oc-accent);box-shadow:0 0 0 3px rgba(47,136,199,.14)}.oc-input-with-unit input{width:100%!important;min-height:50px!important;margin:0!important;padding:11px 13px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.oc-input-with-unit span{align-self:stretch;display:grid;place-items:center;min-width:52px;padding:0 12px;border-left:1px solid var(--oc-border);background:var(--oc-surface-2);color:var(--oc-muted);font-weight:800}.oc-height-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.oc-tool-actions{display:flex;gap:10px;margin:22px 0 0}.oc-tool-actions button{min-height:48px!important;margin:0!important;padding:10px 22px!important;font-size:1rem!important}.oc-primary-action{background:linear-gradient(180deg,var(--oc-accent),var(--oc-primary-2))!important}.oc-secondary-action{background:#edf3f8!important;color:var(--oc-primary)!important;box-shadow:none!important}.oc-inline-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin:20px 0 0;padding:18px;border:1px solid #b9d3e6;border-radius:14px;background:linear-gradient(135deg,#edf6fc,#fff);box-shadow:0 7px 20px rgba(20,45,70,.07)}.oc-inline-result[hidden]{display:none!important}.oc-result-number{display:grid;place-items:center;min-width:112px;min-height:90px;padding:10px 15px;border-radius:12px;background:var(--oc-primary);color:#fff}.oc-result-number span{font-size:2.25rem;font-weight:900;line-height:1}.oc-result-number small{margin-top:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.oc-result-copy strong{display:block;color:var(--oc-primary-3);font-size:1.2rem}.oc-result-copy p{margin:5px 0 0;color:var(--oc-muted);font-size:.95rem}.oc-inline-result[data-state="healthy"]{border-color:#9bd4b4;background:#f0fbf5}.oc-inline-result[data-state="underweight"],.oc-inline-result[data-state="overweight"]{border-color:#e3c886;background:#fffaf0}.oc-inline-result[data-state="obesity"],.oc-inline-result[data-state="warning"]{border-color:#e2aaa5;background:#fff5f4}.oc-tool-note{margin:16px 0 0!important;padding:11px 13px;border-left:3px solid var(--oc-accent);background:var(--oc-accent-soft);color:var(--oc-muted)!important;font-size:.86rem!important}
.oc-inline-alert{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:start;gap:12px;margin:16px 0;padding:14px 15px;border:1px solid #b9d3e6;border-radius:12px;background:#edf6fc;text-align:left;box-shadow:0 6px 16px rgba(20,45,70,.07)}.oc-inline-alert-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--oc-primary);color:#fff;font-weight:900}.oc-inline-alert strong{display:block;color:var(--oc-primary-3);font-size:1rem}.oc-inline-alert p{margin:3px 0 0!important;padding:0!important;color:var(--oc-text)!important;font-size:.95rem!important;line-height:1.45!important}.oc-inline-alert-close{width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:transparent!important;color:var(--oc-muted)!important;box-shadow:none!important;font-size:1.35rem!important}.oc-inline-alert-warning{border-color:#e3c886;background:#fff9eb}.oc-inline-alert-warning .oc-inline-alert-icon{background:#9a6a00}.oc-inline-alert-result{border-color:#9bd4b4;background:#f0fbf5}.oc-inline-alert-result .oc-inline-alert-icon{background:#218657}body.oc-dark .oc-tool-card,body.oc-dark .oc-input-with-unit,body.oc-dark .oc-inline-result,body.oc-dark .oc-inline-alert{background:var(--oc-surface);color:var(--oc-text)}body.oc-dark .oc-input-with-unit span,body.oc-dark .oc-secondary-action,body.oc-dark .oc-unit-tabs{background:var(--oc-surface-2)!important}body.oc-dark .oc-inline-alert p{color:var(--oc-text)!important}
@media(max-width:650px){.oc-bmi-fields{grid-template-columns:1fr}.oc-tool-actions{flex-direction:column}.oc-tool-actions button{width:100%!important}.oc-inline-result{grid-template-columns:1fr;text-align:center}.oc-result-number{width:100%}.oc-inline-alert{grid-template-columns:34px minmax(0,1fr) 30px}}


/* Sound control */
.oc-sound-action[aria-pressed="false"]{background:#fff1e5!important;color:#8b4a16!important}
.oc-sound-action[aria-pressed="true"]{background:#e8f5ee!important;color:#176a4d!important}
body.oc-dark .oc-sound-action[aria-pressed="false"]{background:#3a2c22!important;color:#ffd2a8!important}
body.oc-dark .oc-sound-action[aria-pressed="true"]{background:#183b31!important;color:#9de3c7!important}

/* Premium Timer */
.oc-timer-card{max-width:780px!important;gap:18px!important}
.oc-timer-intro{margin:0!important;color:var(--oc-muted)!important}
.oc-timer-presets{display:flex;flex-wrap:wrap;gap:8px}
.oc-timer-preset{min-height:38px!important;min-width:72px!important;margin:0!important;padding:7px 13px!important;background:var(--oc-surface-2)!important;color:var(--oc-primary)!important;box-shadow:none!important;border:1px solid var(--oc-border)!important}
.oc-timer-preset:hover{background:var(--oc-accent-soft)!important;color:var(--oc-primary-3)!important;transform:none!important}
.oc-timer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.oc-timer-field label{display:block;margin:0 0 6px;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;color:var(--oc-muted)}
.oc-timer-field input{width:100%!important;text-align:center;font-size:1.14rem;font-weight:780}
.oc-timer-display{display:grid;place-items:center;min-height:170px;padding:22px;border:1px solid #315a78;border-radius:17px;background:radial-gradient(circle at top,#1e527d,#0d2b44 72%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px rgba(13,43,68,.18)}
.oc-timer-display strong{color:#fff!important;font-variant-numeric:tabular-nums;font-size:clamp(3rem,8vw,5.7rem);font-weight:850;line-height:1;letter-spacing:.035em;text-shadow:0 4px 18px rgba(0,0,0,.25)}
.oc-timer-display span{margin-top:12px;color:#cae6fa;font-size:.9rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.oc-timer-progress{height:10px;overflow:hidden;border-radius:999px;background:var(--oc-surface-2);box-shadow:inset 0 1px 3px rgba(20,45,70,.12)}
.oc-timer-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--oc-accent),#65b9f2);transition:width .2s linear}
.oc-timer-actions{justify-content:center;margin-top:0}
.oc-timer-actions button{min-width:130px!important}
.oc-timer-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.oc-timer-status{min-height:26px;margin:0!important;text-align:center;color:var(--oc-muted)!important;font-size:.92rem!important}
.oc-timer-card.oc-timer-complete .oc-timer-display{animation:ocTimerDone .7s ease 2}
@keyframes ocTimerDone{50%{box-shadow:0 0 0 7px rgba(47,128,200,.2),0 14px 28px rgba(13,43,68,.2)}}
body.oc-dark .oc-timer-preset{background:#213341!important;color:#cfe8fb!important;border-color:#405768!important}
body.oc-dark .oc-timer-progress{background:#293c4b}
@media(max-width:620px){.oc-timer-fields{grid-template-columns:1fr}.oc-timer-display{min-height:135px}.oc-timer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.oc-timer-actions button{width:100%!important;min-width:0!important}}

/* Stronger dark-mode component contrast */
body.oc-dark .oc-discovery-heading h2,body.oc-dark .oc-tool-heading h2,body.oc-dark .oc-result-copy strong{color:#a8d9ff!important}
body.oc-dark .oc-card-body strong,body.oc-dark .oc-popular-copy strong{color:#eaf5ff!important}
body.oc-dark .oc-discovery-card,body.oc-dark .oc-popular-link{border-color:#3a5062;background:#1b2a37}
body.oc-dark .oc-card-icon,body.oc-dark .oc-popular-icon{background:#243e52;color:#9bd3ff}

/* App-bar labels collapse earlier now that Sound is a first-class control. */
@media(max-width:1150px) and (min-width:901px){.oc-appbar .oc-label,.oc-search-shortcut{display:none}.oc-app-action{min-width:42px!important;padding:8px 10px!important}}


/* v9 responsive premium tools */
.oc-tool{max-width:1040px!important;padding:clamp(18px,3vw,30px)!important}
.oc-tool .oc-tool-card{max-width:none;margin:0;padding:18px!important;border:1px solid var(--oc-border)!important;border-radius:13px!important;background:var(--oc-surface-2)!important;box-shadow:none!important}
.oc-tool-grid{align-items:start}
#percentageTool .oc-tool-grid>div:last-child{grid-column:1/-1}
body.oc-dark .oc-tool .oc-tool-card{background:#1b2a37!important;border-color:#3a5062!important}

/* Content-width breakpoints: tools react to their real available width, not only the screen. */
@container oc-content (max-width:780px){
  .oc-tool-grid,.oc-field-row{grid-template-columns:1fr!important}
  .oc-tool-head{display:block}
  .oc-tool-head>.oc-actions,.oc-tool-head>button{margin-top:12px!important}
  .oc-tool-head>button{width:auto!important}
  .oc-tool .oc-result-panel{padding:16px}
}

@container oc-content (max-width:540px){
  .oc-tool{padding:15px 11px!important;gap:16px!important}
  .oc-tool .oc-tool-card{padding:15px!important}
  .oc-tool .oc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .oc-tool .oc-actions>button,.oc-tool .oc-actions>input[type="button"],.oc-tool .oc-actions>input[type="submit"]{width:100%!important;min-width:0!important;margin:0!important}
  .oc-tool .oc-actions>button:only-child{grid-column:1/-1}
  .oc-tool .oc-actions>button:first-child:nth-last-child(3){grid-column:1/-1}
  .oc-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .oc-tab{width:100%!important;min-width:0!important}
  .oc-tool-head h2{font-size:1.35rem}
  .oc-result-main{font-size:1.7rem}
}

/* The application bar becomes a clean two-row mobile control instead of squeezing. */
@media(max-width:1120px){
  .oc-appbar{top:72px;margin:0 0 20px}
  .oc-appbar .oc-label,.oc-search-shortcut{display:none}
  .oc-app-action{min-width:42px!important;padding:8px 10px!important}
}
@media(max-width:640px){
  .oc-appbar{position:relative;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px;margin:0 0 16px;border-radius:12px}
  .oc-appbar-search{grid-column:1/-1}
  .oc-app-action{width:100%!important;min-width:0!important;margin:0!important}
  .oc-search-panel{top:50px;max-height:60vh}
}

/* Prevent wide legacy content from forcing horizontal scrolling. */
.oc-tool table,.oc-tool pre,.oc-tool code{max-width:100%}
.oc-tool pre{overflow:auto}

/* v9 touch target refinement */
.oc-timer-preset{min-height:44px!important}

/* v10 unambiguous sound-state control */
.oc-sound-action{gap:5px!important;border:1px solid transparent!important;font-weight:850!important;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s!important}
.oc-sound-action .oc-sound-state{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;border-radius:999px;font-size:.69rem;font-weight:900;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.22)}
.oc-sound-action[aria-pressed="true"]{background:#117a55!important;color:#fff!important;border-color:#25946e!important;box-shadow:0 0 0 3px rgba(17,122,85,.16)!important}
.oc-sound-action[aria-pressed="true"]:hover{background:#0b6847!important;color:#fff!important}
.oc-sound-action[aria-pressed="false"]{background:#a93642!important;color:#fff!important;border-color:#c95a64!important;box-shadow:0 0 0 3px rgba(169,54,66,.14)!important}
.oc-sound-action[aria-pressed="false"]:hover{background:#8e2934!important;color:#fff!important}
body.oc-dark .oc-sound-action[aria-pressed="true"]{background:#0f7954!important;color:#fff!important;border-color:#40ae87!important}
body.oc-dark .oc-sound-action[aria-pressed="false"]{background:#9f3440!important;color:#fff!important;border-color:#d36a73!important}
@media(max-width:1150px){.oc-sound-action .oc-sound-state{display:inline-flex}.oc-sound-action .oc-label{display:none!important}}
@media(max-width:420px){.oc-sound-action{padding-left:7px!important;padding-right:7px!important}.oc-sound-action .oc-sound-state{min-width:24px;padding-left:4px;padding-right:4px;font-size:.62rem}}


/* v11 dark-mode search and heading consistency */
body.oc-dark{
  --oc-dark-heading:#9bd9ff;
  --oc-dark-link:#8fd2ff;
  --oc-dark-copy:#cbd7e1;
  --oc-dark-success:#72dda7;
}
body.oc-dark .oc-search-page h1,
body.oc-dark .oc-search-page h2,
body.oc-dark .oc-search-page h3,
body.oc-dark .result-title,
body.oc-dark .result-title a,
body.oc-dark .result-title a:visited,
body.oc-dark .oc-search-item strong,
body.oc-dark .oc-search-item:visited strong{
  color:var(--oc-dark-heading)!important;
  -webkit-text-fill-color:var(--oc-dark-heading)!important;
  text-shadow:none!important;
}
body.oc-dark .oc-search-page>p,
body.oc-dark .search-info,
body.oc-dark .result-excerpt,
body.oc-dark .oc-search-item span,
body.oc-dark .no-results p{
  color:var(--oc-dark-copy)!important;
}
body.oc-dark .result-url{
  color:var(--oc-dark-success)!important;
}
body.oc-dark .result-item{
  border-color:#3a5264!important;
  background:linear-gradient(180deg,#182733,#15222d)!important;
}
body.oc-dark .result-item:hover{
  border-color:#55768f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
}
body.oc-dark .oc-search-panel{
  border-color:#40596c!important;
  background:#172733!important;
}
body.oc-dark .oc-search-item{
  border-bottom-color:#314858!important;
}
body.oc-dark .oc-search-item:hover,
body.oc-dark .oc-search-item.active{
  background:#21394b!important;
}
body.oc-dark .oc-search-item:hover strong,
body.oc-dark .oc-search-item.active strong{
  color:#b6e5ff!important;
  -webkit-text-fill-color:#b6e5ff!important;
}
body.oc-dark .oc-search-empty{
  color:var(--oc-dark-copy)!important;
}
body.oc-dark .oc-premium-search{
  border-color:#40596c!important;
  background:#172733!important;
}
body.oc-dark .oc-premium-search input{
  border-color:#5f7d94!important;
  background:#101d27!important;
  color:#f2f7fb!important;
}
body.oc-dark .oc-premium-search input::placeholder,
body.oc-dark .oc-appbar-search input::placeholder{
  color:#91a5b5!important;
  opacity:1;
}


/* v14: fix toolbar squeezing on legacy calculator pages and improve text selection readability */
.oc-appbar{
  flex-wrap:wrap;
}
.oc-appbar-search{
  display:flex;
  align-items:center;
  flex:1 1 340px;
  min-width:260px;
}
.oc-appbar .oc-search-shortcut,
.oc-appbar .oc-app-action{
  flex:0 0 auto;
  width:auto!important;
  white-space:nowrap;
}
.oc-appbar .oc-app-action{
  min-width:96px!important;
}
.oc-appbar-search input,
.oc-appbar input[type="search"]{
  width:100%!important;
  min-width:0;
  flex:1 1 auto;
}
@media(max-width:1120px){
  .oc-appbar .oc-app-action{
    min-width:42px!important;
  }
}
::selection{
  background:#b9dcff;
  color:#17334f;
  text-shadow:none!important;
}
body.oc-dark ::selection{
  background:#537ea3;
  color:#f8fbff;
  text-shadow:none!important;
}


/* v17 complete-category directory cards */
.oc-category-completion{width:100%;margin:26px 0 32px;padding:clamp(18px,3vw,28px);border:1px solid var(--oc-border);border-radius:16px;background:var(--oc-surface);box-shadow:var(--oc-shadow-sm)}
.oc-category-completion h2{margin:.25rem 0 .35rem}.oc-category-completion>p{margin:0 0 16px;color:var(--oc-muted)}
.oc-category-completion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.oc-category-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px;padding:14px 15px;border:1px solid var(--oc-border);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbfd);color:var(--oc-text);text-decoration:none;box-shadow:0 3px 10px rgba(20,45,70,.05);transition:.17s ease}
.oc-category-link:hover{border-color:var(--oc-accent);color:var(--oc-text);transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,45,70,.10)}
.oc-category-link strong{display:block;color:var(--oc-primary-3);font-size:.98rem}.oc-category-link small{display:block;margin-top:4px;color:var(--oc-muted);font-size:.79rem;line-height:1.4}.oc-category-link>span:last-child{color:var(--oc-accent);font-size:1.2rem}
body.oc-dark .oc-category-completion,body.oc-dark .oc-category-link{background:var(--oc-surface);color:var(--oc-text)}body.oc-dark .oc-category-link strong{color:#a8d9ff}body.oc-dark .oc-category-link small{color:#c4d0da}
@media(max-width:700px){.oc-category-completion-grid{grid-template-columns:1fr}}