/* Aakaar Tools — designed by Aarsh Kandra. Built on the Aakaar theme tokens (main.css). */

/* Credit line: "Designed by Aarsh Kandra" */
.aat-credit{display:inline-flex;align-items:center;gap:.5rem;color:var(--char,#38312d);font-size:.95rem;white-space:nowrap}
.aat-credit strong{font-weight:600;color:var(--ink,#1d1917)}
.aat-credit-mark{width:18px;height:2px;background:var(--rust,#8f301b);display:inline-block}
.aat-credit.small{font-size:.88rem}

/* Hero */
.aat-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.aat-chips{list-style:none;margin:var(--s3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.aat-chips li{border:1px solid var(--ink);padding:.35rem .8rem;font-size:.93rem;background:var(--paper)}
.aat-chips li:first-child{background:var(--rust);border-color:var(--rust);color:var(--on-rust)}
.aat-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s4);align-items:end}
.aat-hero-art{border:1px solid var(--line);background:#fff}

/* Illustrations: see the theme's motion system (main.css) and MOTION.md */
.aat-hero-art{background:#fff;padding:clamp(.5rem,1.2vw,.9rem)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}

/* Tool layout */
.aat-tool-block{padding-top:var(--s3)}
.aat-tool-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s5);align-items:start}
.aat-app{position:relative;min-height:420px;scroll-margin-top:calc(var(--hh) + 16px)}
.aat-panel{display:none}
.aat-app[data-state=idle] .aat-panel-idle,
.aat-app[data-state=working] .aat-panel-working,
.aat-app[data-state=done] .aat-panel-done,
.aat-app[data-state=error] .aat-panel-error,
.aat-app[data-state=unsupported] .aat-panel-unsupported{display:block;animation:aat-in .35s ease}
@keyframes aat-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.aat-panel:focus{outline:none}

.aat-step{display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:1.05rem;margin:0 0 var(--s2)}
.aat-step>span:first-child{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rust);color:var(--on-rust);font-size:.85rem;flex:none}
.aat-panel-idle .aat-step:not(:first-child){margin-top:var(--s4)}

/* Drop zone */
.aat-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;min-height:210px;padding:var(--s4) var(--s3);border:1.5px dashed var(--ink);background:var(--paper);cursor:pointer;transition:background .2s,border-color .2s;margin:0}
.aat-drop:hover,.aat-drop.over{background:var(--paper2);border-color:var(--rust)}
.aat-drop.over{border-style:solid}
.aat-drop:focus-within{outline:3px solid var(--rust);outline-offset:2px}
.aat-file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.aat-drop-icon{width:46px;height:46px;stroke:var(--rust);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;margin-bottom:.4rem}
.aat-drop-main{font-weight:500;font-size:1.1rem}
.aat-drop-main u{text-decoration-color:var(--rust);text-decoration-thickness:1.5px;text-underline-offset:.2em}
.aat-drop-sub{color:var(--grey);font-size:.92rem}
.aat-drop-file{font-weight:600;color:var(--ink);margin-top:.4rem;overflow-wrap:anywhere}
.aat-drop.has-file{border-style:solid;border-color:var(--rust);background:#fff}
.aat-drop.has-file .aat-drop-file::before{content:"";display:inline-block;width:.6rem;height:2px;background:var(--rust);vertical-align:middle;margin-right:.5rem}
.aat-drop.bad{border-color:#b3261e}.aat-drop.bad .aat-drop-file{color:#b3261e}

.aat-options .aat-field{margin-bottom:var(--s3)}
.aat-options .more{margin-top:var(--s2)}
.aat-options .more .aat-field:last-child{margin-bottom:var(--s2)}
.aat-options .submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:var(--s3) 0 0}
.aat-run-hint{color:var(--grey);font-size:.93rem}

/* Working */
.aat-work-file{color:var(--char);overflow-wrap:anywhere}
.aat-bar{height:6px;background:var(--paper2);overflow:hidden;margin:var(--s3) 0 var(--s2)}
.aat-bar span{display:block;height:100%;width:2%;background:var(--rust);transition:width .3s ease}
.aat-work-step{font-weight:500;font-size:1.1rem}
.aat-steps{list-style:none;margin:var(--s3) 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.15rem var(--s3);counter-reset:st}
.aat-steps li{counter-increment:st;font-size:.9rem;color:var(--grey);padding:.35rem 0 .35rem 1.7rem;position:relative;border-top:1px solid var(--line);transition:color .2s}
.aat-steps li::before{content:counter(st);position:absolute;left:0;top:.35rem;font-size:.78rem;width:1.2rem;text-align:right;color:var(--grey)}
.aat-steps li.done{color:var(--char)}
.aat-steps li.done::before{content:"\2713";color:var(--rust)}
.aat-steps li.now{color:var(--ink);font-weight:600;border-top-color:var(--rust)}
.aat-steps li.now::before{color:var(--rust)}

/* Done */
.aat-done-head{display:flex;gap:var(--s3);align-items:flex-start;margin-bottom:var(--s3)}
.aat-tick{width:52px;height:52px;flex:none;stroke:var(--rust);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.aat-tick circle,.aat-tick path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s cubic-bezier(.6,.05,.2,1) forwards}
.aat-tick path{animation-delay:.55s;animation-duration:.45s}
.aat-done-title{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:0 0 .4rem}
.aat-done-sub{color:var(--char);margin:0;overflow-wrap:anywhere}
.aat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin:0 0 var(--s3)}
.aat-stats div{border-top:2px solid var(--ink);padding-top:.6rem}
.aat-stats dt{font-size:.88rem;color:var(--grey)}
.aat-stats dd{margin:0;display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.aat-stats .b{color:var(--grey);text-decoration:line-through;text-decoration-color:var(--line)}
.aat-stats .a{color:var(--rust)}
.aat-stats .c{font-size:1.6rem;font-weight:500;letter-spacing:-.02em}
.aat-actions{margin-bottom:var(--s3)}
.aat-actions li{font-size:.98rem}
.aat-warn{background:var(--paper2);border-left:4px solid var(--rust);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}
.aat-warn-h{font-weight:600;margin:0 0 .3rem}
.aat-warn ul{margin:0;padding-left:1.1rem;font-size:.94rem;color:var(--char)}
.aat-warn li{padding:.15rem 0}
.aat-downloads{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s2)}
.aat-downloads .btn{min-height:52px}
.aat-after{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;margin:0 0 var(--s2)}
.aat-linkbtn{background:none;border:0;padding:.4rem 0;font:inherit;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;cursor:pointer}
.aat-linkbtn:hover{color:var(--rust)}
#aat-delete{color:var(--rust)}
.aat-expiry{margin-bottom:var(--s2)}
.aat-signoff{border-top:1px solid var(--line);padding-top:var(--s2);margin:var(--s3) 0 0;color:var(--grey);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center}
.aat-panel-error .aat-done-title{color:var(--rust)}

/* Side panel */
.aat-side h2{font-size:1.3rem;margin-bottom:var(--s3)}
.aat-privacy{list-style:none;margin:0;padding:0;counter-reset:pv}
.aat-privacy li{counter-increment:pv;border-top:1px solid var(--line);padding:.8rem 0 .8rem 2rem;position:relative;color:var(--char);font-size:.97rem}
.aat-privacy li::before{content:counter(pv);position:absolute;left:0;top:.8rem;color:var(--rust);font-weight:600}
.aat-privacy strong{display:block;color:var(--ink);font-weight:600}
.aat-side-credit{margin-top:var(--s4);padding:var(--s3);background:var(--ink);color:#e9ddd5}
.aat-side-credit p{margin:0 0 .5rem;font-size:.95rem}
.aat-side-credit .aat-kicker{color:#bfb1a8}
.aat-side-name{font-size:1.6rem !important;font-weight:500;letter-spacing:-.02em;color:#fff;line-height:1.1}
.aat-side-credit .textlink{color:#fff}
.aat-kicker{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin:0 0 .4rem}

/* "Why" section reuses the theme pipeline */
.aat-why h2{font-size:clamp(2.2rem,5vw,4.2rem)}

/* Designer block */
.aat-designer{padding-block:var(--s6);border-top:1px solid var(--ink)}
.aat-designer-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s5);align-items:center}
.aat-monogram svg{width:100%;max-width:260px;height:auto;fill:none;stroke:var(--rust);stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.aat-monogram circle{stroke:var(--ink);stroke-width:1.2}
.aat-monogram circle,.aat-monogram path{stroke-dasharray:1;stroke-dashoffset:1}
.aat-designer.in .aat-monogram circle,.no-io .aat-monogram circle{animation:draw 1.6s cubic-bezier(.6,.05,.2,1) forwards}
.aat-designer.in .aat-monogram path,.no-io .aat-monogram path{animation:draw 1.1s cubic-bezier(.6,.05,.2,1) forwards .9s}
html:not(.js) .aat-monogram circle,html:not(.js) .aat-monogram path{stroke-dashoffset:0}
.aat-name{font-size:clamp(3rem,8vw,6.4rem);letter-spacing:-.045em;line-height:.95;margin:0 0 var(--s2)}
.aat-role{color:var(--grey);font-size:1.05rem;margin-bottom:var(--s3)}
.aat-designer-copy>p:not(.aat-kicker):not(.aat-role){max-width:40em;color:var(--char);font-size:1.1rem}
.aat-designer-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-top:var(--s3)}

/* FAQ */
.aat-faq .more{margin:0;border-bottom:0}
.aat-faq .more:last-child{border-bottom:1px solid var(--line)}
.aat-faq .more-body p{color:var(--char);max-width:62ch}
.aat-final-sub{max-width:44em;color:#f6e6dd;font-size:1.15rem}
.final .aat-final-sub{margin:var(--s3,1.5rem) 0 0;padding:0}
.final .aat-credit{color:#f6e6dd}
.final .aat-credit strong{color:var(--on-rust,#fef7f3)}
.final .aat-credit-mark{background:#f6d9cd}

/* Hub cards */
.aat-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.aat-card{display:flex;flex-direction:column;text-decoration:none;border-top:2px solid var(--ink);padding-top:var(--s3);transition:border-color .2s}
.aat-card:hover{border-color:var(--rust)}
.aat-card-art{display:block;border:1px solid var(--line);background:var(--paper);margin-bottom:var(--s3);aspect-ratio:480/320;overflow:hidden;transition:border-color var(--t-card,240ms)}
.aat-card:hover .aat-card-art{border-color:var(--rust)}
.aat-open{font-weight:500;display:inline-flex;align-items:center;gap:.5rem;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
.aat-card:hover .aat-open{color:var(--rust)}
.aat-card-body{display:flex;flex-direction:column;gap:.6rem;flex:1}
.aat-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.aat-card-tags span{border:1px solid var(--ink);padding:.15rem .6rem;font-size:.85rem}
.aat-card-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.aat-card:hover .aat-card-title{color:var(--rust)}
.aat-card-sum{color:var(--char);max-width:42ch}
.aat-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:var(--s2)}
.aat-card-next{background:var(--paper2);padding:var(--s3);border-top-color:var(--line)}
.aat-card-next .aat-card-tags span{border-style:dashed}

/* Responsive */
@media (max-width:1000px){
	.aat-hero-grid,.aat-tool-grid,.aat-designer-grid{grid-template-columns:1fr}
	.aat-hero-art{max-width:560px}
	.aat-monogram svg{max-width:160px}
	.aat-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.aat-cards{grid-template-columns:1fr}
	.aat-hero-art{display:none}
	.aat-drop{min-height:170px;padding:var(--s3) var(--s2)}
	.aat-stats{grid-template-columns:1fr 1fr 1fr;gap:.6rem}
	.aat-stats .c{font-size:1.25rem}
	.aat-steps{grid-template-columns:1fr}
	.aat-steps li:not(.now):not(.done){display:none}
	.aat-downloads .btn{width:100%;text-align:center}
	.aat-options .submit-row .btn{width:100%}
	.aat-designer-links .btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	.aat-tick circle,.aat-tick path,.aat-monogram circle,.aat-monogram path{stroke-dashoffset:0;animation:none}
}

/* ---------- Adverts (Aakaar Settings > Tool Ads). Quiet, clearly labelled, never over the tool. ---------- */
.aad{position:relative;background:#fff;border:1px solid var(--line);font-size:.95rem}
.aad-label{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin:0;padding:.45rem .8rem;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.aad-by{letter-spacing:.02em;text-transform:none;font-size:.82rem;color:var(--char);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aad-link{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.aad-media{display:block;background:var(--paper2);overflow:hidden}
.aad-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.aad-link:hover .aad-media img{transform:scale(1.03)}
.aad-body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem .9rem 1rem}
.aad-head{font-weight:500;font-size:1.1rem;line-height:1.25;letter-spacing:-.01em}
.aad-text{color:var(--char);font-size:.93rem}
.aad-cta{font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;margin-top:.15rem}
.aad-link:hover .aad-head,.aad-link:hover .aad-cta{color:var(--rust)}
.aad-code{padding:.6rem;display:flex;justify-content:center;align-items:center;overflow:hidden}
.aad-code>*{max-width:100%}

/* Side panel card */
.aad--tool-side{margin-top:var(--s4)}
.aad--tool-side .aad-media{aspect-ratio:6/5}

/* Result screen: one slim line under the downloads */
.aad--slim{border-width:1px 0 0;background:transparent;margin-top:var(--s2)}
.aad--slim .aad-label{border:0;padding:.6rem 0 .3rem}
.aad--slim .aad-link{flex-direction:row;align-items:center;gap:.8rem}
.aad--slim .aad-media{width:48px;height:48px;flex:none;border:1px solid var(--line);background:#fff}
.aad--slim .aad-media img{object-fit:contain;padding:4px}
.aad--slim .aad-body{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;padding:0}
.aad--slim .aad-head{font-size:1rem}
.aad--slim .aad-cta{font-size:.92rem;margin:0}

/* Between sections: wide banner */
.aad-band{padding-block:0 var(--s5)}
.aad--banner .aad-link{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.aad--banner .aad-media{position:relative;min-height:220px}
.aad--banner .aad-media img{position:absolute;inset:0}
.aad--banner .aad-body{justify-content:center;padding:var(--s3) var(--s4);gap:.5rem}
.aad--banner .aad-head{font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.025em;line-height:1.15}
.aad--banner .aad-text{font-size:1rem;max-width:52ch}

/* Tools grid card */
.aad--hub-card{border-top:2px solid var(--line)}
.aad--hub-card .aad-media{aspect-ratio:16/10}
.aad--hub-card .aad-head{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.025em;line-height:1.15}

@media (max-width:1000px){
	.aad--only-desktop{display:none}
	.aad--tool-side{max-width:520px}
}
@media (min-width:1001px){.aad--only-mobile{display:none}}
@media (max-width:640px){
	.aad--banner .aad-link{grid-template-columns:1fr}
	.aad--banner .aad-media{min-height:0;aspect-ratio:2/1}
	.aad--banner .aad-body{padding:var(--s2) var(--s2) var(--s3)}
	.aad--slim .aad-body{flex-direction:column;gap:.15rem}
}
@media print{.aad,.aad-band{display:none}}

/* ---------- SketchUp to Revit ---------- */
.aat-app[data-state=review] .aat-panel-review{display:block;animation:aat-in .35s ease}
.aat-iso-preview{margin:0 0 var(--s2);color:var(--char);overflow-wrap:anywhere}
.aat-iso-preview strong{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;color:var(--ink);font-size:.95rem}
.aat-iso-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s2)}
.aat-iso-grid .aat-iso-f{margin:0 0 var(--s2)}
.aat-iso-grid .aat-iso-f.wide{grid-column:span 3}
.aat-iso-grid label{font-size:.88rem;font-weight:600;display:block;margin-bottom:.25rem}
.aat-iso-grid input{min-height:44px;padding:.55rem .7rem;font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase}
.aat-iso-grid .wide input{text-transform:none;font-family:inherit}
.aat-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:var(--s3) 0 var(--s2);font-size:.95rem}
.aat-bulk select,.aat-table select{font:inherit;font-size:.92rem;padding:.4rem .5rem;border:1.5px solid var(--ink);background:#fff;border-radius:0;min-height:40px;max-width:100%}
.aat-table-wrap{max-height:460px;overflow:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.aat-table{width:100%;border-collapse:collapse;font-size:.93rem}
.aat-table th{position:sticky;top:0;background:var(--paper2);text-align:left;font-weight:600;padding:.55rem .7rem;border-bottom:1px solid var(--line);z-index:1}
.aat-table td{padding:.45rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}
.aat-table .num{text-align:right;width:3.5rem}
.aat-table .comp{font-weight:500;overflow-wrap:anywhere}
.aat-table .comp small{display:block;color:var(--grey);font-weight:400;font-size:.8rem}
.aat-table .code{color:var(--char);font-size:.85rem;white-space:nowrap}
.aat-table tr.unclassified td{background:#fdf2ec}
.aat-table tr.unclassified .code{color:var(--rust);font-weight:600}
.aat-table tr.guessed .code::after{content:" (check)";color:var(--grey);font-weight:400}
.aat-howto{list-style:none;margin:0 0 var(--s3);padding:0;counter-reset:hw;border-top:1px solid var(--line)}
.aat-howto li{counter-increment:hw;position:relative;padding:.6rem 0 .6rem 1.8rem;border-bottom:1px solid var(--line);font-size:.97rem;color:var(--char)}
.aat-howto li::before{content:counter(hw);position:absolute;left:0;top:.6rem;color:var(--rust);font-weight:600}
.aat-howto strong{color:var(--ink)}
.aat-howto span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;background:var(--paper2);padding:.05rem .35rem}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:640px){
	.aat-iso-grid{grid-template-columns:1fr 1fr}
	.aat-iso-grid .aat-iso-f.wide{grid-column:span 2}
	.aat-table th:nth-child(4),.aat-table td:nth-child(4){display:none}
	.aat-table select{width:100%}
	.aat-bulk select{flex:1 1 100%}
}

/* Unfilled adverts (e.g. an ad network returned nothing) collapse instead of leaving an empty "Sponsored" box. */
.aad.is-empty{display:none}
.aad--hub-card{align-self:start}
/* PDF Studio: honest device guidance on small screens */
.aat-device-note{display:none;border-left:3px solid var(--rust);background:#fff;padding:.8rem 1rem;margin:0 0 var(--s2);color:var(--char);font-size:.96rem}
@media (max-width:900px){.aat-device-note{display:block}}

/* Designer portrait (replaces the AK monogram) */
.aat-portrait{position:relative;margin:0;width:100%;max-width:300px;aspect-ratio:1}
.aat-portrait .aat-photo{position:absolute;inset:12px;border-radius:50%;overflow:hidden;background:var(--paper2)}
.aat-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.aat-portrait-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--rust);stroke-width:1.6;vector-effect:non-scaling-stroke}
.motion .aat-designer:not(.in) .aat-portrait-ring circle{stroke-dasharray:1.02;stroke-dashoffset:1.02}
.motion .aat-designer.in .aat-portrait-ring circle{stroke-dasharray:1.02;animation:aat-ring 1.2s var(--ease-draw,cubic-bezier(.55,.05,.25,1)) both}
@keyframes aat-ring{from{stroke-dashoffset:1.02}to{stroke-dashoffset:0}}
.aat-side-who{display:flex;align-items:center;gap:.9rem;margin-bottom:.6rem}
.aat-side-who .aat-photo{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(254,247,243,.25)}
.aat-side-who img{width:100%;height:100%;object-fit:cover;display:block}
.aat-side-who .aat-kicker{margin-bottom:.15rem;font-size:.72rem}
@media (max-width:1000px){.aat-portrait{max-width:200px}}
@media (prefers-reduced-motion:reduce){.aat-portrait-ring circle{stroke-dashoffset:0!important;animation:none!important}}
.aat-photo{display:block}
.aat-photo img.aat-photo-custom{width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* =====================================================================
 * 1.4: compact tool pages (the tool is visible in the first screen),
 * guided steps, "what will happen" summary, expandable privacy note, tools hub filter.
 * ================================================================== */
.page-hero.aat-hero-compact{padding-block:clamp(1.25rem,2.6vw,2.25rem) clamp(.75rem,1.6vw,1.25rem)}
.aat-hero-compact h1{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1}
.aat-hero-compact .lead{font-size:clamp(1rem,1.25vw,1.12rem);max-width:60ch;margin-bottom:0}
.aat-hero-compact .aat-hero-grid{align-items:center}
.aat-hero-compact .aat-hero-art{max-width:360px;justify-self:end;width:100%}
.aat-hero-compact .aat-chips{margin-top:var(--s2)}
.aat-chips li{border-radius:var(--r-pill,999px);border-color:#cbbfb5}
.aat-hero-art,.aat-card-art{border-radius:var(--r-lg,18px)}
.form-card.aat-app{border-radius:var(--r-lg,18px)}
.aat-drop{border-radius:var(--r-md,12px);border-color:#a99d93}
.aat-drop:hover,.aat-drop.over{border-color:var(--rust)}

/* stepper */
.aat-stepper{list-style:none;margin:0 0 var(--s3);padding:0 0 var(--s2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;border-bottom:1px solid var(--line);counter-reset:none}
.aat-stepper li{display:flex;align-items:center;gap:.5rem;min-width:0;font-size:.9rem;color:var(--grey);position:relative}
.aat-stepper li:not(:last-child)::after{content:"";flex:1;height:1.5px;background:var(--line);margin-left:.2rem;min-width:8px}
.aat-stepper-n{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;border:1.5px solid #cbbfb5;font-family:var(--font-mono,monospace);font-size:.78rem;background:#fff}
.aat-stepper-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.aat-stepper li.is-done{color:var(--char)}
.aat-stepper li.is-done .aat-stepper-n{background:var(--ink);border-color:var(--ink);color:#fff;font-size:0}
.aat-stepper li.is-done .aat-stepper-n::before{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.aat-stepper li.is-done:not(:last-child)::after{background:var(--ink)}
.aat-stepper li.is-now{color:var(--ink)}
.aat-stepper li.is-now .aat-stepper-n{background:var(--rust);border-color:var(--rust);color:var(--on-rust);box-shadow:0 0 0 4px color-mix(in srgb,var(--rust) 18%,transparent)}
.aat-stepper li.is-error .aat-stepper-n{background:#a1271a;border-color:#a1271a;color:#fff}
.aat-stepper~.aat-panel .aat-step>span:first-child{display:none}
.aat-stepper~.aat-panel .aat-step{font-size:1rem;color:var(--char)}
.aat-side-credit{margin-top:var(--s3);border-radius:var(--r-lg,18px)}
.aat-app[data-state=unsupported] .aat-stepper{display:none}

/* what will happen */
.aat-plan{margin:var(--s3) 0 0;padding:1rem 1.1rem;border-radius:var(--r-md,12px);background:var(--paper);border:1px solid var(--line)}
.aat-plan-h{font-family:var(--font-mono,monospace);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--rust);margin:0 0 .5rem;font-weight:500}
.aat-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.aat-plan li{display:flex;gap:.55rem;align-items:baseline;font-size:.95rem;color:var(--char)}
.aat-plan li::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--rust);transform:translateY(-2px)}
.aat-plan li.keep::before{background:#cbbfb5}
.aat-plan li.warn{color:var(--ink);font-weight:500}
.aat-plan li.warn::before{background:#8a5a00;border-radius:1px;transform:translateY(-2px) rotate(45deg)}

/* privacy: one line, expands for the details */
.aat-privacy-d{border:1px solid var(--line);border-radius:var(--r-md,12px);background:#fff;margin-bottom:var(--s3)}
.aat-privacy-d summary{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;cursor:pointer;list-style:none;min-height:56px}
.aat-privacy-d summary::-webkit-details-marker{display:none}
.aat-priv-ico{width:34px;height:34px;flex:none;padding:7px;border-radius:50%;background:#e6f2ea;fill:none;stroke:#1e7a4a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aat-priv-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.aat-priv-txt h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.3}
.aat-priv-txt span{font-size:.88rem;color:var(--grey);line-height:1.35}
.aat-priv-more{font-size:.85rem;color:var(--rust);font-weight:500;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.aat-priv-more::after{content:"";width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--t-ui,260ms)}
.aat-privacy-d[open] .aat-priv-more::after{transform:translateY(1px) rotate(225deg)}
.aat-privacy-d .aat-privacy{margin:0;padding:0 1rem 1rem 1rem;border-top:1px solid var(--line);padding-top:.9rem}
.aat-privacy-d summary:focus-visible{outline:3px solid var(--rust);outline-offset:2px;border-radius:var(--r-md,12px)}

/* tools hub */
.aat-hub{padding-block:clamp(1.25rem,2.6vw,2.25rem) var(--s5)}
.aat-hub-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3) var(--s4);align-items:end;margin-bottom:var(--s3)}
.aat-hub-head h1{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1;margin-bottom:.6rem}
.aat-hub-head .lead{margin:0;max-width:56ch;font-size:clamp(1rem,1.3vw,1.15rem)}
.aat-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.93rem;color:var(--char)}
.aat-facts li{display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.aat-facts svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--rust);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.aat-hub-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem;margin-bottom:var(--s3);background:#fff;border:1px solid var(--line);border-radius:var(--r-pill,999px)}
.aat-hub-q{display:flex;align-items:center;gap:.5rem;flex:1 1 260px;min-width:0;padding:0 .6rem 0 .9rem;margin:0}
.aat-hub-q svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--grey);stroke-width:1.9;stroke-linecap:round}
.aat-hub-q input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;min-height:42px;color:var(--ink)}
.aat-hub-q:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--rust) 28%,transparent);border-radius:var(--r-pill,999px)}
.aat-hub-cats{display:flex;flex-wrap:wrap;gap:.35rem}
.aat-hub-cats button{font:inherit;font-size:.92rem;font-weight:500;min-height:40px;padding:.4rem .95rem;border-radius:var(--r-pill,999px);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:background var(--t-fast,160ms),border-color var(--t-fast,160ms),color var(--t-fast,160ms)}
.aat-hub-cats button:hover{border-color:var(--ink)}
.aat-hub-cats button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.aat-hub-count{margin:0 .6rem 0 auto;font-size:.88rem;color:var(--grey);white-space:nowrap}
.aat-cards-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.aat-tcard{border:1px solid var(--line);border-radius:var(--r-lg,18px);background:#fff;padding:0;overflow:hidden;transition:border-color var(--t-card,240ms) var(--ease-out,ease),box-shadow var(--t-card,240ms) var(--ease-out,ease),transform var(--t-card,240ms) var(--ease-out,ease)}
.aat-tcard:hover{border-color:var(--rust);box-shadow:var(--e2);transform:translateY(-2px)}
.aat-tcard .aat-card-art{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;aspect-ratio:480/280}
.aat-tcard .aat-card-body{padding:var(--s3)}
.aat-tcard .aat-card-title{font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:600}
.aat-tcard .aat-card-tags span{border-radius:var(--r-pill,999px);border-color:#cbbfb5;font-size:.8rem}
.aat-card-fmt{font-family:var(--font-mono,monospace);font-size:.78rem;color:var(--grey)}
.aat-tcard .aat-open{color:var(--on-rust)}
.aat-tcard:hover .aat-open{color:var(--on-rust);background:var(--rust-d);border-color:var(--rust-d)}
.aat-cards-hub .aat-card-next{grid-column:1/-1;border:1px dashed #cbbfb5;border-radius:var(--r-lg,18px);padding:var(--s3)}
.aat-cards-hub .aat-card-next .aat-card-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem}
.aat-cards-hub .aat-card-next .aat-card-title{font-size:1.2rem;font-weight:600}
.aat-cards-hub .aat-card-next .aat-card-sum{flex:1 1 360px;max-width:none}
.aat-cards-hub .aat-card-next .aat-card-foot{margin:0;padding:0}
.aat-hub-none{padding:var(--s3);border:1px dashed var(--line);border-radius:var(--r-md,12px);color:var(--char)}
@media (max-width:1100px){.aat-cards-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
	.aat-hub-head{grid-template-columns:1fr}
	.aat-facts{flex-direction:row;flex-wrap:wrap;gap:.35rem 1rem}
	.aat-hub-bar{border-radius:var(--r-lg,18px)}
	.aat-hub-cats{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;max-width:100%}
	.aat-hub-cats button{flex:none}
	.aat-hub-count{margin-left:.4rem}
	.aat-cards-hub{grid-template-columns:1fr}
	.aat-stepper{grid-template-columns:repeat(4,auto);justify-content:space-between}
	.aat-stepper li:not(.is-now) .aat-stepper-l{display:none}
	.aat-stepper li:not(:last-child)::after{min-width:6px}
}
@media (max-width:640px){.aat-hero-compact .aat-hero-art{display:none}}
.aat-tcard,.aat-tcard .aat-open{text-decoration:none}
@media (max-width:640px){
	.aat-eyebrow{font-size:.74rem;letter-spacing:.03em;gap:.2rem .45rem}
	.aat-eyebrow .aat-credit{font-size:.74rem}
}
/* 1.5.1: bigger facts, designer links in one row at the bottom */
.aat-facts{font-size:1.08rem;gap:.55rem;color:var(--ink)}
.aat-facts svg{width:22px;height:22px}
.aat-designer-links{flex-wrap:nowrap;gap:1.25rem;white-space:nowrap}
@media (max-width:1180px){.aat-designer-links{flex-wrap:wrap;white-space:normal}}

/* =====================================================================
   Aakaar Tools 2.0: directory, compact cards, tool pages
   ===================================================================== */
.aat-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Segmented control (calculators, hub filters) */
.seg{max-width:100%;display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;background:var(--paper2);border-radius:var(--r-pill,999px);border:1px solid var(--line)}
.seg button{font:inherit;font-size:.9rem;font-weight:500;min-height:36px;padding:.3rem .9rem;border:0;border-radius:var(--r-pill,999px);background:transparent;color:var(--char);cursor:pointer;transition:background var(--t-fast,160ms),color var(--t-fast,160ms),box-shadow var(--t-fast,160ms)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed=true],.seg button[aria-checked=true]{background:var(--surface,#fff);color:var(--ink);box-shadow:var(--e1)}
.seg button:focus-visible{outline:2px solid var(--rust);outline-offset:1px}

/* Badges */
.tbadge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .45rem;border-radius:var(--r-pill,999px);vertical-align:middle;line-height:1.3;background:var(--paper2);color:var(--char)}
.tbadge-beta{background:#e7eefb;color:#1f4fa3}
.tbadge-soon{background:var(--paper2);color:var(--grey)}
.tbadge-maintenance{background:#fdf1d8;color:#7a5200}
.tbadge-retired{background:#eee;color:#555}

/* Compact tool cards */
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem}
.tcards-1{grid-template-columns:1fr}
.tcard-w{position:relative;min-width:0}
.tcard{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.8rem;align-items:start;height:100%;padding:.85rem 2.4rem .85rem .85rem;background:var(--surface,#fff);border:1px solid var(--line);border-radius:var(--r-md,12px);text-decoration:none;color:var(--ink);transition:border-color var(--t-fast,160ms),box-shadow var(--t-fast,160ms),transform var(--t-fast,160ms)}
a.tcard:hover{border-color:var(--ink);box-shadow:var(--e2)}
a.tcard:hover .tcard-t{color:var(--rust)}
a.tcard:active{transform:translateY(1px)}
a.tcard:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.tcard-ic{width:40px;height:40px;border-radius:var(--r-sm,8px);display:grid;place-items:center;background:var(--paper);color:var(--rust);border:1px solid var(--line)}
.tcard-b{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.tcard-t{font-weight:600;line-height:1.25;transition:color var(--t-fast,160ms)}
.tcard-d{color:var(--char);font-size:.88rem;line-height:1.4}
.tcard-f{font-family:var(--font-mono);font-size:.7rem;color:var(--grey);letter-spacing:.02em;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcard.is-soon{background:transparent;border-style:dashed;color:var(--grey)}
.tcard.is-soon .tcard-ic{color:var(--grey)}
.tcard-fav{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--line);cursor:pointer;transition:color var(--t-fast,160ms),background var(--t-fast,160ms)}
.tcard-fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.tcard-fav:hover{color:var(--grey);background:var(--paper)}
.tcard-fav[aria-pressed=true]{color:#c98a12}
.tcard-fav[aria-pressed=true] svg{fill:currentColor}
.tcard-w:not(:hover) .tcard-fav[aria-pressed=false]:not(:focus-visible){opacity:.0}
@media (hover:none){.tcard-w .tcard-fav[aria-pressed=false]{opacity:1!important}}

/* Hub */
.hub{padding-block:clamp(1rem,2.4vw,2rem) var(--s5)}
.hub-head h1{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.02;margin-bottom:.5rem;max-width:18ch}
.hub-head .lead{margin:0 0 var(--s3);max-width:56ch;color:var(--char)}
.hub-search{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-bottom:.9rem}
.hub-q{flex:1 1 420px;max-width:720px;display:flex;align-items:center;gap:.6rem;padding:0 .6rem 0 1.1rem;margin:0;background:var(--surface,#fff);border:1.5px solid var(--ink);border-radius:var(--r-pill,999px);box-shadow:var(--e1)}
.hub-q:focus-within{border-color:var(--rust);box-shadow:0 0 0 4px color-mix(in srgb,var(--rust) 22%,transparent)}
.hub-q svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--grey);stroke-width:1.9;stroke-linecap:round}
.hub-q input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:max(16px,1.08rem);min-height:54px;color:var(--ink)}
.hub-q input::-webkit-search-cancel-button{cursor:pointer}
.hub-k{font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--line);border-radius:var(--r-xs,4px);padding:.1rem .45rem;color:var(--grey);background:var(--paper)}
.hub-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;font-size:.88rem;color:var(--char)}
.hub-trust li{display:inline-flex;align-items:center;gap:.4rem}
.hub-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.hub-pop{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin:0 0 var(--s3);font-size:.9rem}
.hub-pop span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-right:.3rem}
.hub-pop a{text-decoration:none;padding:.25rem .7rem;border-radius:var(--r-pill,999px);background:var(--paper2);color:var(--ink);transition:background var(--t-fast,160ms)}
.hub-pop a:hover{background:var(--line)}
.hub-cats{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.15rem .1rem .55rem;margin:0 0 .4rem;border-bottom:1px solid var(--line)}
.hub-cats::-webkit-scrollbar{display:none}
.hub-cats a{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .9rem;border-radius:var(--r-pill,999px);border:1px solid var(--line);background:var(--surface,#fff);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap;transition:border-color var(--t-fast,160ms),background var(--t-fast,160ms)}
.hub-cats a span{font-family:var(--font-mono);font-size:.72rem;color:var(--grey)}
.hub-cats a:hover{border-color:var(--ink)}
.hub-cats a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hub-cats a[aria-current=page] span{color:color-mix(in srgb,var(--paper) 70%,transparent)}
.hub-cats .hub-cats-bim{border-color:color-mix(in srgb,var(--rust) 45%,var(--line));color:var(--rust)}
.hub-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.6rem 0 var(--s3)}
.hub-sel{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--char)}
.hub-sel select{font:inherit;font-size:.92rem;min-height:40px;padding:.3rem 2rem .3rem .8rem;border:1px solid var(--line);border-radius:var(--r-pill,999px);background:var(--surface,#fff);color:var(--ink)}
.hub-count{margin:0 0 0 auto;font-size:.86rem;color:var(--grey)}
.hub-sec{margin:0 0 var(--s4)}
.hub-h2{display:flex;align-items:center;gap:.8rem;font-size:clamp(1.15rem,1.6vw,1.35rem);margin:0 0 .8rem;letter-spacing:-.01em}
.hub-h2 a{text-decoration:none}.hub-h2 a:hover{color:var(--rust)}
.hub-h2 a::after{content:"→";font-size:.85em;color:var(--grey);margin-left:.4rem;transition:transform var(--t-fast,160ms);display:inline-block}
.hub-h2 a:hover::after{transform:translateX(3px);color:var(--rust)}
.hub-clear{font:inherit;font-size:.82rem;background:none;border:0;color:var(--grey);text-decoration:underline;cursor:pointer}
.hub-remember{font-size:.88rem;color:var(--char);margin:0 0 var(--s3)}
.hub-remember span{color:var(--grey)}
.hub-remember input{accent-color:var(--rust);margin-right:.35rem}
.hub-none{padding:var(--s3);border:1px dashed var(--line);border-radius:var(--r-md,12px);color:var(--char)}
.tcards-soon .tcard{padding-right:.85rem}
.hub-bim{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem 1.4rem;padding:1.2rem 1.5rem;margin:var(--s4) 0 0;border-radius:var(--r-lg,18px);background:var(--surface-dark,#1d1917);color:var(--on-dark,#f6efe9);text-decoration:none}
.hub-bim-k{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#f0a48c}
.hub-bim-t{font-size:1.1rem;font-weight:500}
.hub-bim-go{display:inline-flex;align-items:center;gap:.5rem;font-weight:500}
.hub-bim:hover .arr{transform:translateX(4px)}
@media (max-width:700px){.hub-bim{grid-template-columns:1fr}.hub-count{margin-left:0;width:100%}.hub-q{flex-basis:100%}}

/* Tool pages (registry tools) */
.tl{padding-block:clamp(.6rem,1.6vw,1.2rem) var(--s4)}
.tl .crumbs{margin-bottom:.8rem}
.tl-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem 1rem;align-items:center;margin-bottom:var(--s3)}
.tl-ic{width:52px;height:52px;border-radius:var(--r-md,12px);display:grid;place-items:center;background:var(--surface,#fff);border:1px solid var(--line);color:var(--rust)}
.tl-ic .aat-ico{width:28px;height:28px}
.tl-h h1{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.05;margin:0 0 .25rem;letter-spacing:-.03em}
.tl-lead{margin:0;color:var(--char);max-width:64ch}
.tl-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;font-size:.82rem}
.tl-meta li{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:var(--r-pill,999px);background:var(--surface,#fff);border:1px solid var(--line);white-space:nowrap}
.tl-meta .tl-meta-dev{color:var(--grey)}
.tl-notice{padding:1rem 1.2rem;border-radius:var(--r-md,12px);background:#fdf1d8;color:#4a3300;margin:0 0 var(--s3)}
.tl-info{padding-block:var(--s4) var(--s5);border-top:1px solid var(--line);background:var(--paper)}
.tl-info-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s4) var(--s5);align-items:start}
.tl-h2{font-size:clamp(1.15rem,1.6vw,1.35rem);margin:0 0 .6rem}
.tl-info .aat-faq{margin-bottom:var(--s3)}
.tl-formula{margin-bottom:var(--s4)}
.tl-formula p{max-width:68ch;color:var(--char)}
.tl-note{font-size:.93rem;padding:.7rem .9rem;border-left:3px solid #c98a12;background:#fdf6e6;border-radius:0 var(--r-sm,8px) var(--r-sm,8px) 0}
.tl-svc{margin:var(--s3) 0 .4rem;font-size:.95rem;color:var(--char)}
.tl-by{margin:0}
.tl-notes ul{margin:0;padding-left:1.1rem}
@media (max-width:900px){
	.tl-head{grid-template-columns:auto minmax(0,1fr)}
	.tl-meta{grid-column:1/-1;justify-content:flex-start}
	.tl-info-grid{grid-template-columns:1fr}
	.tl-ic{width:44px;height:44px}
}

.tl-meta .aps-dot{width:8px;height:8px;border-radius:50%;background:#1e7a4a;box-shadow:0 0 0 3px rgba(30,122,74,.15)}
.tl-calc .tl-wrap,.tl-media .tl-wrap{max-width:1240px}

/* 2.0.2: hub filters on phones, softer select focus */
.hub-sel select:hover{border-color:var(--ink)}
.hub-sel select:focus,.hub-sel select:focus-visible{outline:none;border-color:var(--rust);box-shadow:0 0 0 3px color-mix(in srgb,var(--rust) 22%,transparent)}
@media (max-width:640px){
	.hub-filters{gap:.7rem}
	.hub-filters .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:14px}
	.hub-filters .seg button{border-radius:10px;min-height:40px;padding:.35rem .5rem}
	.hub-sel{display:flex;width:100%;gap:.7rem}
	.hub-sel select{flex:1 1 auto;min-width:0}
}

/* 2.1.0: written guides on tool pages */
.tl-guide{margin:0 0 var(--s4,2.5rem);max-width:68ch;color:var(--char)}
.tl-guide>p{margin:0 0 .9rem;line-height:1.65}
.tl-h3{font-size:1.02rem;font-weight:600;color:var(--ink);margin:1.4rem 0 .45rem;letter-spacing:-.005em}
.tl-steps{margin:.2rem 0 0;padding:0;list-style:none;counter-reset:tls;display:grid;gap:.55rem}
.tl-steps li{counter-increment:tls;display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.7rem;align-items:start;line-height:1.55}
.tl-steps li::before{content:counter(tls);display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--paper2);color:var(--rust);font-family:var(--font-mono);font-size:.78rem;font-weight:600;margin-top:-.05rem}
.tl-tips{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;line-height:1.55}
.tl-tips li::marker{color:var(--rust)}