/* Orchard Fringe: minimal grid stylesheet */
:root{--of-text:#1f2a37;--of-teal:#0f8b8d;--of-teal-dark:#0b6c6e;--of-panel:#eef1f4;--of-line:#d5dbe2;--of-mono:ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--of-text);font-family:-apple-system,'Helvetica Neue',Arial,sans-serif;font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
a{color:var(--of-teal-dark)}
a:hover{color:var(--of-text)}
h1,h2,h3{font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--of-text)}
h1{font-size:clamp(1.9rem,5vw,2.8rem);margin:.2rem 0 .7rem}
h2{font-size:1.45rem;margin:2.2rem 0 .6rem;padding-top:.6rem;border-top:3px solid var(--of-teal);display:inline-block}
h3{font-size:1.1rem;margin:1.4rem 0 .3rem}
.of-topbar{border-bottom:1px solid var(--of-line);background:#fff}
.of-topbar-inner{max-width:72rem;margin:0 auto;padding:.8rem 1.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem}
.of-logo{display:flex;align-items:center;gap:.55rem;font-weight:800;color:var(--of-text);text-decoration:none;font-size:1.1rem}
.of-logo-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;background:var(--of-teal);color:#fff;font-family:var(--of-mono);font-size:.8rem;border-radius:4px}
.of-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.of-nav a{color:var(--of-text);text-decoration:none;font-size:.92rem;font-weight:600;padding:.2rem 0;border-bottom:2px solid transparent}
.of-nav a:hover,.of-nav a[aria-current="page"]{border-bottom-color:var(--of-teal);color:var(--of-teal-dark)}
.of-main{max-width:72rem;margin:0 auto;padding:1.6rem 1.1rem 3rem}
.of-kicker{font-family:var(--of-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--of-teal-dark);margin:0}
.of-lede{font-size:1.15rem;max-width:44rem;margin:0 0 1.2rem;color:#3a4756}
.of-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
@media (min-width:900px){.of-layout{grid-template-columns:minmax(0,1fr) 18rem}.of-aside{position:sticky;top:1rem;align-self:start}}
.of-article{max-width:44rem}
.of-box{background:var(--of-panel);border-top:4px solid var(--of-teal);padding:1rem 1.1rem;font-size:.94rem}
.of-box-title{border:0;padding:0;margin:0 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;display:block}
.of-box ul{margin:0;padding-left:1.1rem}
.of-box li{margin:.3rem 0}
.of-panel{background:var(--of-panel);padding:1rem 1.2rem;margin:1.2rem 0;border-left:4px solid var(--of-teal)}
.of-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.2rem 0}
@media (min-width:640px){.of-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.of-card{border:1px solid var(--of-line);padding:1rem 1.1rem}
.of-card h3{margin-top:0}
.of-steps{list-style:none;counter-reset:of-step;padding:0;margin:1rem 0}
.of-steps>li{counter-increment:of-step;position:relative;padding:.2rem 0 1rem 3.1rem;border-left:2px solid var(--of-line);margin-left:1.1rem}
.of-steps>li::before{content:counter(of-step,decimal-leading-zero);position:absolute;left:-1.15rem;top:0;width:2.3rem;height:2.3rem;display:grid;place-items:center;background:var(--of-teal);color:#fff;font-family:var(--of-mono);font-weight:700;font-size:.9rem;border-radius:50%}
.of-steps>li:last-child{border-left-color:transparent}
.of-steps strong{display:block}
.of-checklist{list-style:none;counter-reset:of-item;padding:0;margin:.8rem 0 1.4rem}
.of-checklist li{counter-increment:of-item;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--of-line)}
.of-checklist li::before{content:counter(of-item,decimal-leading-zero);font-family:var(--of-mono);color:var(--of-teal-dark);font-weight:700}
.of-footer{background:var(--of-text);color:#dfe6ec;font-size:.92rem}
.of-footer-inner{max-width:72rem;margin:0 auto;padding:1.4rem 1.1rem}
.of-footer a{color:#fff}
.of-footer p{margin:.3rem 0}