/* Compact slate-and-brass workspace. Keep text scalable and every tool reachable. */
:root{--ink:#243740;--copper:#8b6c35;--line:#d6dfe2}
.topbar{padding:5px 0}.topbar-inner{min-height:24px}.topbar-inner>span{font-size:10px;letter-spacing:.08em}
.site-header .nav-wrap{min-height:72px;gap:20px;padding-block:8px}
.site-header .brand{min-width:0;flex-shrink:0}
.site-header .sii-brand-logo{width:138px;height:60px;object-fit:contain}
.site-header .menu-toggle{width:48px;height:48px;min-height:48px;border-radius:10px}
.btn-primary,.nav-cta{background:#d4bd84;border-color:#bda36c;color:#20323b;box-shadow:none}
.btn-primary:hover,.nav-cta:hover{background:#e2cf9f;color:#20323b}
.btn-primary span,.nav-cta span{color:inherit}
.main-nav a.active{color:#705620}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #95733a;outline-offset:3px}
.tk-hero{padding:22px 0!important;background:#243740!important}
.tk-hero .eyebrow{margin-bottom:8px}
.tk-hero h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.tk-hero h1 em{font-style:normal;color:#e2cc98}
.tk-hero p{font-size:.925rem;line-height:1.55;margin:10px 0 0;max-width:820px;color:#dce5e8}
.tk-hero .crumbs{margin-bottom:10px;font-size:.75rem;line-height:1.5}
.tk-hero .tk-tool-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tk-tool-jumps a{min-height:44px;display:inline-flex;align-items:center;padding:7px 12px;border-radius:8px}
.tk-shell-wrap{background:#f4f6f6;padding-bottom:22px}
#tk{scroll-margin-top:94px}
.tk-shell .tk-toolnav{flex-wrap:nowrap;overflow-x:auto;padding:10px 0;scrollbar-width:thin;align-items:stretch}
.tk-shell .tk-toolnav button,.tk-shell .tk-toolnav a.tk-tablink{min-height:48px;border-radius:8px;white-space:normal;max-width:15rem;line-height:1.35}
.tk-shell .tk-panel{padding:16px 0 8px}
.tk-shell .tk-calc{gap:16px;margin-top:12px;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}
.tk-shell .tk-form{display:block;padding:16px;border-radius:12px;box-shadow:none}
.tk-shell .tk-result{padding:20px;border-radius:12px;background:#243740;box-shadow:none}
.tk-shell .tk-shape-label{font-family:inherit;font-size:.875rem;max-width:calc(55% - 8px);margin-bottom:12px}
.tk-shell label{gap:5px;line-height:1.5}
.tk-shell input,.tk-shell select,.tk-shell textarea{min-height:48px;font-size:1rem;border-radius:8px}
.tk-shell .tk-row{gap:10px;margin:0 0 12px}
.tk-shell .tk-form>.tk-row>label{min-width:0}
.tk-shell .tk-form label{margin:0}
.tk-shell .tk-form>.tk-row:first-child>label{flex:1}
.tk-shell .btn{min-height:48px;box-shadow:none}
.tk-shell .btn-primary,.tk-shell .tk-result .btn-primary{background:#d4bd84;color:#20323b;border-color:#bda36c}
.tk-shell .tk-note{color:#52636c}
.tk-shell .tk-result .tk-note{color:#dce5e8}
.tk-shell .tk-result .tk-choice-line{color:#dce5e8}
.tk-shell #wRun{margin-bottom:14px}
.tk-shell #wDims,.tk-shell #wLenRow{gap:10px}
.tk-material-details{margin:0 0 12px;border:1px solid #d6dfe2;border-radius:9px;background:#f7f9f9;min-width:0}
.tk-material-details>summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:48px;padding:10px 12px;cursor:pointer;list-style:none;color:#243740;font-size:.8125rem;font-weight:700;line-height:1.5}
.tk-material-details>summary::-webkit-details-marker{display:none}
.tk-material-details>summary::after{content:'+';margin-left:auto;font-size:1.1rem;line-height:1}
.tk-material-details[open]>summary::after{content:'−'}
.tk-material-details>summary small{font-size:.75rem;font-weight:500;color:#52636c;overflow-wrap:anywhere}
.tk-details-body{padding:0 12px 12px;border-top:1px solid #dfe6e8}
.tk-details-body>label,.tk-details-body>.tk-row{margin-top:12px}
.tk-details-body .tk-row{align-items:end}
.tk-shell #wGradeResults{display:flex;gap:8px;flex-wrap:wrap}
.tk-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tk-quick-links a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1 1 8rem;padding:10px 12px;border:1px solid #d4dfe2;border-radius:9px;background:#fff;color:#243740;font:700 .8125rem/1.4 Manrope,system-ui,sans-serif;text-decoration:none}
.tk-quick-links a:hover{border-color:#95733a;background:#faf7ef}
.tk-directory{padding-block:24px}.tk-directory .tk-workspace-intro{padding:0 0 12px}
.tk-directory .tk-workspace-intro h2{font-size:1.6rem;margin:6px 0}
.tk-directory-card{padding:16px;border-radius:12px;min-height:0}
.tk-directory-card strong{line-height:1.4;overflow-wrap:anywhere}
.tk-stats{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 0 20px;margin:0;color:#52636c;font:500 .8125rem/1.6 Manrope,system-ui,sans-serif}
.tk-stats b{color:#243740}
.tk-shell .tk-workspace-intro{padding:0 0 16px}
.tk-shell .tk-workspace-intro h2{font:700 1.6rem/1.25 Manrope,system-ui,sans-serif;margin:8px 0}
.tk-shell .tk-tool-card{min-height:80px;padding:14px;background:#fff;box-shadow:none}
.tk-shell .tk-tool-card small{color:#52636c}
.tk-legal{margin-top:20px;font-size:.75rem;line-height:1.6}
.eng-library{padding-top:20px;color:#243740}
.eng-library .eng-hero{padding:12px 0 20px;margin-bottom:20px;border-bottom:2px solid #bda36c}
.eng-library h1{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.25;overflow-wrap:anywhere;margin:8px 0 12px}
.eng-library .eng-hero p{margin:8px 0;font-size:.925rem}
.eng-library .eng-hero .btn{min-height:48px;display:inline-flex;align-items:center;margin-top:8px}
.eng-library .eng-controls{gap:12px;margin:16px 0}
@media(max-width:900px){
 .site-header .nav-wrap{min-height:64px;padding-block:5px}
 .site-header .sii-brand-logo{width:115px;height:52px}
 .main-nav{max-height:calc(100dvh - 106px)}
 .tk-shell .tk-calc{grid-template-columns:1fr}
 .tk-shell .tk-shape-label{max-width:none}
}
@media(max-width:600px){
 .topbar-inner>span{display:none}.topbar-inner{justify-content:flex-end}
 .tk-hero{padding:16px 0!important}.tk-hero h1{font-size:1.5rem}
 .tk-hero p{font-size:.875rem;margin-top:8px}
 .tk-shell .tk-panel{padding-top:12px}
 .tk-shell .tk-toolnav{padding:8px 0;gap:6px}
 .tk-shell .tk-toolnav button,.tk-shell .tk-toolnav a.tk-tablink{padding:8px 11px;font-size:.8125rem}
 .tk-shell .tk-form{padding:12px}.tk-shell .tk-result{padding:16px}
 .tk-shell #wDims,.tk-shell #wLenRow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tk-quick-links{gap:6px}.tk-quick-links a{flex-basis:5rem;padding:8px;font-size:.75rem}
}
@media(max-width:359px){.tk-shell #wDims,.tk-shell #wLenRow{grid-template-columns:1fr}}
.tk-shell.tk-large #wDims,.tk-shell.tk-large #wLenRow{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){.tk-shell .tk-toolnav{scroll-behavior:auto}}
@media print{.tk-quick-links{display:none!important}}