/* DafTipul library — on top of tokens.css + base.css. Logical properties only. */
.lib-hero{padding-block:clamp(2.5rem,2rem + 4vw,5.5rem) clamp(2rem,1.5rem + 3vw,4rem)}
.lib-hero h1{max-inline-size:18ch;margin-block-end:var(--s5)}
.lib-hero h1 .soft{display:block;color:var(--pine);font-weight:300}
.lib-hero .lead{margin-block-end:var(--s6)}
.rules{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}
.rules li{display:inline-flex;align-items:center;gap:var(--s2);background:var(--sage-50);color:var(--pine-900);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-pill);padding:var(--s2) var(--s4)}
.rules li::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--pine)}
.kit{display:grid;gap:var(--s6)}
@media (min-width:900px){.kit{grid-template-columns:1fr 1.2fr;align-items:center}}
.kit h2{margin-block-end:var(--s3)}
.kit-list{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--line)}
.kit-list a{display:flex;gap:var(--s4);align-items:baseline;padding:var(--s4) 0;border-block-end:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.kit-list a:hover{color:var(--pine)}
.kit-list .num{font-family:var(--font-display);font-weight:300;font-size:1.5rem;color:var(--clay-text);min-inline-size:2ch}
.g-grid{display:grid;gap:var(--s5);list-style:none;margin:0;padding:0}
@media (min-width:700px){.g-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.g-grid{grid-template-columns:repeat(3,1fr)}}
.g-card{display:flex;flex-direction:column;gap:var(--s3);background:var(--linen);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);scroll-margin-block-start:calc(var(--header-h) + 16px)}
.g-card:target{border-color:var(--pine);box-shadow:var(--shadow-2)}
.g-top{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.g-n{font-family:var(--font-display);font-weight:300;font-size:2.25rem;line-height:1;color:var(--clay-text);margin-inline-end:auto}
.b{font-size:.8125rem;font-weight:700;border-radius:var(--r-pill);padding:2px var(--s3)}
.b.kit{background:var(--sage-50);color:var(--pine-900)}
.b.int{background:var(--sand);color:var(--ink-2);border:1px dashed var(--stone)}
.g-card h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.25}
.g-card .fit{color:var(--text-muted);font-size:1rem;margin:0}
.g-meta{margin:0;display:grid;gap:var(--s2);font-size:var(--fs-sm);padding-block:var(--s3);border-block:1px solid var(--line)}
.g-meta div{display:grid;grid-template-columns:3.5rem 1fr;gap:var(--s2)}
.g-meta dt{color:var(--text-muted);font-weight:600}
.g-meta dd{margin:0}
.g-trust{font-size:var(--fs-sm);color:var(--pine-900);background:var(--sage-50);border-radius:var(--r-sm);padding:var(--s3);margin:0}
.g-act{margin-block-start:auto}
.soon{display:inline-flex;min-block-size:44px;align-items:center;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}
.lib-cta{border-radius:var(--r-lg);padding:clamp(2rem,1rem + 5vw,4.5rem);text-align:center}
.lib-cta h2{max-inline-size:22ch;margin:0 auto var(--s4)}
.lib-cta .lead{margin:0 auto var(--s6)}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}
@media (max-width:599px){.cta-row .btn{flex:1 1 100%}}