/* Engineering tools page — reference-matched visual layer */
:root{--tk-bg:#102921;--tk-panel:rgba(16,41,33,.88);--tk-line:rgba(248,244,234,.38);--tk-purple:#F8F4EA;--tk-muted:#F8F4EA;--tk-white:#F9F5EA}
body[data-page="toolkit"]{background:var(--tk-bg);color:var(--tk-white)}body[data-page="toolkit"] .toolkit-page{max-width:1440px;margin:0 auto;padding:0 48px 34px;overflow:hidden;background:radial-gradient(ellipse at 80% 8%,rgba(16,41,33,.12),transparent 30%),var(--tk-bg)}
.toolkit-hero{min-height:310px;display:grid;grid-template-columns:1fr 1.08fr;position:relative;margin:0 -48px 0;padding:44px 8.1% 28px;overflow:hidden;border-bottom:1px solid rgba(16,42,34,.24);background:linear-gradient(90deg,#102921 0%,#102921 39%,rgba(16,41,33,.75) 54%,rgba(16,41,33,.04) 100%),url('../assets/hero-night-workspace.png') center 48%/cover no-repeat}
.toolkit-hero-copy{position:relative;z-index:1;max-width:510px}.toolkit-hero .eyebrow,.toolkit-section-intro>span{font-size:10px;letter-spacing:.28em;color:#F8F4EA;font-weight:800}.toolkit-hero .eyebrow span{display:inline-block;width:26px;height:1px;background:var(--tk-purple);vertical-align:middle;margin-left:10px}.toolkit-hero h1{font:600 clamp(42px,5vw,66px)/.94 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:18px 0 18px;color:#F9F5EA}.toolkit-hero h1 i,.toolkit-section-intro h2 i{color:#F8F4EA;font-weight:600}.toolkit-hero-copy>p{font-size:13px;line-height:1.7;color:#F8F4EA;max-width:390px}.toolkit-hero-art{min-height:240px;position:relative}.toolkit-hero-art span{position:absolute;right:1%;top:8%;font:italic 18px/1.15 'Cormorant Garamond',serif;color:#F9F5EA;transform:rotate(-8deg);text-shadow:0 0 15px rgba(95,176,149,0.060)}.toolkit-benefits{display:flex;gap:0;margin-top:26px}.toolkit-benefits>span{display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid rgba(95,176,149,0.180);font-size:10px}.toolkit-benefits>span:first-child{padding-left:0}.toolkit-benefits>span:last-child{border:0}.toolkit-benefits b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #102A22;border-radius:8px;background:rgba(16,42,34,.18);font-size:17px;color:#F8F4EA}.toolkit-benefits strong{font-weight:600;white-space:nowrap}.toolkit-benefits small{display:block;color:#F8F4EA;font-weight:400;margin-top:3px;font-size:9px}.toolkit-section-intro{text-align:center;padding:25px 0 20px}.toolkit-section-intro>span{letter-spacing:.32em}.toolkit-section-intro h2{font:600 clamp(26px,3vw,38px)/1.1 'Cormorant Garamond',Georgia,serif;margin:9px 0;color:#F9F5EA}.toolkit-section-intro p{font-size:11px;line-height:1.6;color:#F8F4EA;margin:0}
body[data-page="toolkit"] .toolkit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}body[data-page="toolkit"] .tool-card{min-width:0;min-height:0;padding:15px!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(16,41,33,.98),rgba(16,41,33,.98))!important;border:1px solid var(--tk-line)!important;box-shadow:0 6px 24px rgba(16,41,33,.12)!important;color:#F9F5EA!important;transition:transform .22s,border-color .22s,box-shadow .22s}body[data-page="toolkit"] .tool-card:hover{transform:translateY(-2px);border-color:rgba(95,176,149,0.180)!important;box-shadow:0 8px 28px rgba(16,42,33,.15)!important}body[data-page="toolkit"] .tool-card h2{font:600 21px/1.1 'Cormorant Garamond',Georgia,serif!important;color:#F9F5EA!important}body[data-page="toolkit"] .tool-card p{font-size:10px!important;line-height:1.55;color:#F8F4EA!important}body[data-page="toolkit"] .tool-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border-bottom:1px solid rgba(95,176,149,0.096);padding-bottom:9px;margin-bottom:10px}body[data-page="toolkit"] .tool-card-head small{font-size:8px!important;letter-spacing:.14em;color:#F8F4EA!important}body[data-page="toolkit"] .tool-card-head>span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:9px;border:1px solid rgba(95,176,149,0.180);background:rgba(16,42,34,.15);color:#F8F4EA!important;font-size:19px}body[data-page="toolkit"] .tool-form{gap:8px}body[data-page="toolkit"] .tool-form label{font-size:9px!important;color:#F8F4EA!important}body[data-page="toolkit"] .tool-form input,body[data-page="toolkit"] .tool-form select,body[data-page="toolkit"] .gpa-row input,body[data-page="toolkit"] .cgpa-row input{width:100%;min-width:0;background:#102921!important;border:1px solid #102921!important;color:#F9F5EA!important;border-radius:6px!important;padding:8px!important;font-size:10px!important}body[data-page="toolkit"] .tool-action{font-size:10px!important;padding:8px 10px!important;border-radius:7px!important;background:#102921!important;color:#F9F5EA!important;border:1px solid #102A21!important}body[data-page="toolkit"] .tool-action.primary{background:linear-gradient(100deg,#102A22,#F8F4EA)!important;border:0!important;color:white!important;box-shadow:0 3px 16px #102A2240}body[data-page="toolkit"] .tool-result{background:#102921!important;border:1px solid #102921!important;color:#F9F5EA!important;padding:10px!important;font-size:10px!important;line-height:1.65}body[data-page="toolkit"] .gpa-row,body[data-page="toolkit"] .cgpa-row{grid-template-columns:minmax(42px,1fr) minmax(50px,.8fr) minmax(48px,.7fr) 22px;gap:5px}body[data-page="toolkit"] .gpa-row span,body[data-page="toolkit"] .cgpa-row span{font-size:9px;color:#F8F4EA}.tool-card-wide{grid-column:span 2}.toolkit-page>article.tool-card{margin:12px 0}.toolkit-page>.quick-access-card,.toolkit-page>.study-resources-card{margin-top:12px!important}.quick-access-card .mini-tool-links,.study-resources-card .mini-tool-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.study-resources-card .mini-tool-links{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page="toolkit"] .mini-tool-links a{display:block;padding:11px 10px;border:1px solid #102A21;border-radius:8px;background:#102921;color:#F9F5EA;font-size:10px;text-decoration:none;transition:.2s}body[data-page="toolkit"] .mini-tool-links a:hover{border-color:#F8F4EA;color:#F9F5EA;background:#102921}.toolkit-note{color:#F8F4EA!important;font-size:10px!important}.toolkit-page .wahid-ad-slot{margin-top:20px}
@media(min-width:1200px){body[data-page="toolkit"] .tool-card-wide{grid-column:span 2}}
@media(max-width:1000px){body[data-page="toolkit"] .toolkit-page{padding:0 24px 28px}.toolkit-hero{margin:0 -24px;padding-left:6%;padding-right:6%;grid-template-columns:1fr 1fr}body[data-page="toolkit"] .toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-hero h1{font-size:48px}.toolkit-benefits{flex-wrap:wrap;row-gap:12px}.quick-access-card .mini-tool-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body[data-page="toolkit"] .toolkit-page{padding:0 14px 24px}.toolkit-hero{grid-template-columns:1fr;min-height:0;margin:0 -14px;padding:35px 22px 22px;background:linear-gradient(90deg,rgba(16,41,33,.98),rgba(16,41,33,.76)),url('../assets/hero-night-workspace.png') 62% center/cover no-repeat}.toolkit-hero-art{min-height:50px}.toolkit-hero-art span{right:8%;top:-35px;font-size:14px}.toolkit-hero h1{font-size:44px}.toolkit-hero-copy>p{font-size:12px}.toolkit-benefits{gap:12px;justify-content:space-between}.toolkit-benefits>span{padding:0 7px;gap:6px;font-size:9px}.toolkit-benefits b{width:25px;height:25px}.toolkit-benefits small{font-size:8px}.toolkit-section-intro{padding:22px 0 17px}.toolkit-section-intro h2{font-size:29px}body[data-page="toolkit"] .toolkit-grid{grid-template-columns:1fr;gap:10px}.tool-card-wide{grid-column:span 1}body[data-page="toolkit"] .tool-card{padding:14px!important}body[data-page="toolkit"] .tool-card h2{font-size:22px!important}body[data-page="toolkit"] .tool-form label{font-size:10px!important}body[data-page="toolkit"] .tool-form input,body[data-page="toolkit"] .tool-form select{font-size:12px!important;padding:10px!important}body[data-page="toolkit"] .tool-action{font-size:11px!important;padding:10px!important}.quick-access-card .mini-tool-links,.study-resources-card .mini-tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-page>article.tool-card{margin:10px 0}.gpa-row,.cgpa-row{grid-template-columns:minmax(38px,1fr) minmax(55px,1fr) minmax(48px,.7fr) 22px!important}}
@media(prefers-reduced-motion:reduce){body[data-page="toolkit"] .tool-card,body[data-page="toolkit"] .mini-tool-links a{transition:none!important}}