/* Shared by every page under /tools/. Builds on /assets/site.css tokens. */
.tl-hero{background:#0d3f31;color:#f2ede3;padding:64px 24px 56px}
.tl-wrap{width:min(1080px,100%);margin:0 auto}
.tl-kicker{font:500 11px/1.4 "DM Mono",Menlo,monospace;letter-spacing:2.5px;text-transform:uppercase;color:#78ddb4;margin:0 0 14px}
.tl-hero h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(34px,5.2vw,56px);line-height:1.05;margin:0 0 16px;max-width:18ch;text-wrap:balance}
.tl-hero h1 em{font-style:italic;color:#f2a12b}
.tl-hero p{font-size:18px;line-height:1.65;color:#c9dcd2;max-width:60ch;margin:0}
.tl-hero .tl-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.tl-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:14px 24px;border-radius:999px;font:600 15px var(--fowl-font);text-decoration:none;border:1px solid transparent}
.tl-btn.gold{background:#f2a12b;color:#0d3f31}
.tl-btn.ghost{border-color:rgba(242,237,227,.35);color:#f2ede3}
.tl-btn.green{background:var(--fowl-green);color:#fff}
.tl-btn:focus-visible{outline:3px solid #78ddb4;outline-offset:2px}
.tl-section{padding:64px 24px}
.tl-section.alt{background:#fff;border-top:1px solid var(--fowl-line);border-bottom:1px solid var(--fowl-line)}
.tl-section h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin:0 0 12px;text-wrap:balance}
.tl-lede{color:var(--fowl-muted);font-size:17px;line-height:1.65;max-width:62ch;margin:0 0 32px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.tl-card{background:#fff;border:1px solid var(--fowl-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.tl-section.alt .tl-card{background:var(--fowl-paper)}
.tl-card h3{font:650 18px/1.3 var(--fowl-font);margin:0}
.tl-card p{margin:0;color:var(--fowl-muted);font-size:15px;line-height:1.6}
.tl-tag{align-self:flex-start;font:500 10px "DM Mono",Menlo,monospace;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#dcf0e3;color:#185b42}
.tl-tag.soon{background:#f6ead2;color:#7a4b06}
.tl-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:760px}
.tl-steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;font-size:16px;line-height:1.6}
.tl-steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0d3f31;color:#78ddb4;font:500 13px "DM Mono",Menlo,monospace}
.tl-steps b{display:block}
.tl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.tl-chips li{padding:8px 16px;border-radius:999px;border:1px solid var(--fowl-line);background:#fff;font-size:14px;font-weight:600}
.tl-table{width:100%;border-collapse:collapse;font-size:14.5px}
.tl-table th,.tl-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--fowl-line);vertical-align:top}
.tl-table th{font:500 11px "DM Mono",Menlo,monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--fowl-muted)}
.tl-scroll{overflow-x:auto;background:#fff;border:1px solid var(--fowl-line);border-radius:14px}
.tl-code{font:13.5px/1.6 "DM Mono",Menlo,monospace;background:#13241e;color:#dcf0e3;border-radius:12px;padding:16px 18px;overflow-x:auto;white-space:pre;margin:10px 0 0}
code{font-family:"DM Mono",Menlo,monospace;font-size:.92em;background:#eef3ef;padding:1px 6px;border-radius:5px}
.tl-note{font-size:14px;color:var(--fowl-muted);margin-top:14px}
.tl-stage{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600}
@media(max-width:640px){.tl-hero{padding:44px 18px 40px}.tl-section{padding:44px 18px}.tl-hero p{font-size:16px}}
.tl-guides{display:grid;gap:10px;max-width:760px}
.tl-guides details{background:#fff;border:1px solid var(--fowl-line);border-radius:14px;padding:0 18px}
.tl-guides details[open]{border-color:#96b9a3;box-shadow:0 8px 24px rgba(13,63,49,.06)}
.tl-guides summary{cursor:pointer;list-style:none;padding:16px 0;font:650 17px var(--fowl-font);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tl-guides summary::-webkit-details-marker{display:none}
.tl-guides summary::after{content:"+";margin-left:auto;font-weight:500;color:var(--fowl-green)}
.tl-guides details[open] summary::after{content:"−"}
.tl-guides summary span{font:400 13px var(--fowl-font);color:var(--fowl-muted)}
.tl-guides ol{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;font-size:15.5px;line-height:1.6}
.tl-guides a{color:var(--fowl-green);font-weight:600}
.tl-guides summary:focus-visible{outline:3px solid #78ddb4;outline-offset:2px;border-radius:6px}