/* ConsCalc calculator categories: shared palette and original material illustrations. */
.calculator-category{padding-block:25px 54px;min-width:0;--cat-grid:var(--ui-table-rule,#a3b0c714);--cat-stage:#20252c;--cat-art-grid:#a3b0c714;--cat-shadow:#0003}
.cat-breadcrumb{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:11px;color:var(--muted)}
.cat-breadcrumb a{color:var(--accent)}
.cat-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:30px 28px 20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);margin-bottom:27px}
.cat-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--cat-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cat-grid) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000)}
.calculator-category .cat-hero h1{max-width:900px;margin:0 auto 13px;font-size:clamp(27px,3.4vw,40px);line-height:1.2;font-weight:600;letter-spacing:-1.1px;text-wrap:balance}
.calculator-category .cat-intro{max-width:720px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.85;text-wrap:pretty}
.cat-materials{display:flex;justify-content:center;align-items:center;height:155px;max-width:900px;margin:4px auto 0;pointer-events:none}
.cat-materials img{width:min(23%,200px);height:150px;object-fit:contain;min-width:0;filter:drop-shadow(0 10px 12px var(--ui-panel-shadow,#0002))}
.calculator-category a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.cat-bottom{margin-top:30px;padding:27px 30px;border:1px solid var(--border);border-radius:13px;background:var(--surface);font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.cat-bottom>:first-child{margin-top:0}.cat-bottom>:last-child{margin-bottom:0}
.cat-bottom p{margin:0 0 16px}.cat-bottom :is(h2,h3,h4){line-height:1.4;margin:26px 0 12px;font-weight:600;color:var(--text)}.cat-bottom h2{font-size:23px}.cat-bottom h3{font-size:19px}.cat-bottom h4{font-size:16px}
.cat-bottom :is(ul,ol){padding-left:24px;margin:12px 0 18px}.cat-bottom li{margin:7px 0}.cat-bottom a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.cat-bottom img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:9px}.cat-bottom blockquote{margin:20px 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--ui-accent-soft,#ff786b08)}
.cat-bottom table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:20px 0;font-size:12px}.cat-bottom :is(th,td){padding:12px;border:1px solid var(--border);text-align:left;min-width:100px}.cat-bottom th{background:var(--ui-results,var(--surface));font-weight:600}.cat-bottom pre{max-width:100%;overflow:auto;padding:16px;background:var(--ui-results,var(--surface));border-radius:7px}.cat-bottom code{font-size:.9em}
@media(max-width:900px){.cat-materials{height:135px}.cat-materials img{height:130px}}
@media(max-width:600px){.calculator-category{padding-block:20px 36px}.cat-breadcrumb{font-size:10px;margin-bottom:18px}.cat-hero{padding:24px 17px 15px;margin-bottom:21px;border-radius:12px}.calculator-category .cat-hero h1{font-size:28px;letter-spacing:-.7px}.calculator-category .cat-intro{font-size:12px;line-height:1.8}.cat-materials{height:170px;width:calc(100% + 34px);max-width:none;margin:12px -17px -15px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.cat-materials img{flex:0 0 230px;width:230px;max-width:none;height:170px;margin-inline:-23px}.cat-materials img:nth-child(2n){transform:translateY(10px)}.cat-bottom{padding:21px 18px;font-size:12px;margin-top:23px}.cat-bottom h2{font-size:20px}.cat-bottom h3{font-size:17px}}


/* Match the approved homepage material cards. */
[data-theme=light] .calculator-category{--cat-stage:#e5ebf0;--cat-art-grid:#556b8917;--cat-shadow:#2432440a}
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat-tool{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface);color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.cat-tool:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 24px var(--cat-shadow)}
.cat-tool-art{position:relative;height:160px;overflow:hidden;border-bottom:1px solid var(--border);background-color:var(--cat-stage);background-image:linear-gradient(30deg,transparent 49.5%,var(--cat-art-grid) 50%,transparent 50.5%),linear-gradient(-30deg,transparent 49.5%,var(--cat-art-grid) 50%,transparent 50.5%);background-size:50px 29px}
.cat-tool-art>span{position:absolute;left:15px;top:12px;font-size:10px;color:var(--muted);letter-spacing:.2px}
.cat-tool-art>img{display:block;width:250px;height:155px;max-width:100%;object-fit:contain;margin:17px auto 0;transition:transform .35s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 10px 9px var(--cat-shadow))}
.cat-tool:hover .cat-tool-art>img{transform:translateY(-5px) scale(1.035)}
.cat-tool-symbol{display:block;width:150px;max-width:100%;height:100%;margin:auto;color:var(--accent)}
.cat-tool-copy{padding:17px 18px 13px;flex:1;display:flex;flex-direction:column}
.calculator-category .cat-tool h2{font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}
.calculator-category .cat-tool p{font-size:12px;line-height:1.75;color:var(--muted);flex:1;margin:0 0 16px}
.cat-tool-action{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:11px;margin-top:auto}
.cat-tool-action>span{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--border);border-radius:50%;transition:background .2s,color .2s}
.cat-tool-action svg{display:block;width:13px;height:13px}
.cat-tool:hover .cat-tool-action>span{background:var(--accent);border-color:var(--accent);color:var(--ui-on-accent,#241716)}
@media(max-width:1050px){.cat-grid{gap:12px}.cat-tool-copy{padding:15px 13px 12px}.cat-tool-art{height:140px}.cat-tool-art>img{height:140px}}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:760px){.cat-tool-art{height:160px}.cat-tool-art>img{height:155px}.cat-tool-copy{padding:17px}}
@media(max-width:480px){.cat-grid{gap:11px}.cat-tool-art{height:120px}.cat-tool-art>img{height:120px;width:190px;margin-top:15px}.cat-tool-art>span{left:10px;top:10px;font-size:9px}.cat-tool-copy{padding:13px 11px 10px}.calculator-category .cat-tool h2{font-size:14px;min-height:39px}.calculator-category .cat-tool p{font-size:11px}.cat-tool-action{font-size:10px;gap:4px}.cat-tool-action>span{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.cat-tool,.cat-tool-art>img,.cat-tool-action>span{transition:none}.cat-tool:hover,.cat-tool:hover .cat-tool-art>img{transform:none}}