:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#080808;background:#b8eeb1;--bg:#b8eeb1;--surface:#edffea;--soft:#dcf8d7;--sage:#cff4c8;--text:#080808;--secondary:#4f6e52;--border:#8bd486;--brand:#188b31;--strong:#23a941;--success:#18b542}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#c7f5c1 0,transparent 42%),linear-gradient(145deg,#c7f5c1,#a8eb9f 62%,#73d36e);color:var(--text);min-height:100vh}a{color:var(--brand)}.wrap{width:min(92%,1180px);margin:0 auto}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,139,49,.2)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:830;font-size:20px;text-decoration:none}.brandmark{width:36px;height:36px;border-radius:12px;background:var(--brand);color:white;display:grid;place-items:center}.header nav{display:flex;gap:20px;align-items:center}.header nav a{font-size:14px;font-weight:720;color:var(--secondary);text-decoration:none}.header nav .primary{padding:10px 14px;border-radius:999px;background:var(--brand);color:#fff}.content{width:min(92%,980px);margin:0 auto;padding:58px 0 84px}.crumbs{font-size:13px;color:var(--secondary);margin-bottom:23px}.crumbs a{text-decoration:none}.hero{padding:38px;border:1px solid rgba(24,139,49,.28);border-radius:28px;background:rgba(237,255,234,.93);box-shadow:0 24px 60px rgba(30,90,35,.11)}.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:850;color:#365e3a}.hero h1{font-size:50px;line-height:1.02;letter-spacing:-2.2px;margin:12px 0 18px}.hero .lede{font-size:18px;line-height:1.7;color:var(--secondary);max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-block;padding:12px 17px;border-radius:13px;background:var(--brand);color:#fff;text-decoration:none;font-weight:780}.button.secondary{background:var(--surface);color:var(--brand);border:1px solid var(--border)}section{padding:48px 4px 0}section h2{font-size:32px;letter-spacing:-1px;margin:0 0 14px}section h3{font-size:21px;margin:28px 0 8px}section p,section li{font-size:16px;line-height:1.76;color:var(--secondary)}section ul{padding-left:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.card{border:1px solid rgba(24,139,49,.22);background:rgba(237,255,234,.7);border-radius:20px;padding:21px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;font-size:14px;line-height:1.65}.callout{margin-top:24px;padding:18px 20px;border-left:4px solid var(--brand);border-radius:0 16px 16px 0;background:rgba(207,244,200,.52)}.callout strong{color:var(--text)}.table-wrap{overflow:auto;margin-top:20px;border:1px solid rgba(24,139,49,.22);border-radius:18px;background:rgba(255,255,255,.5)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;vertical-align:top;padding:15px 16px;border-bottom:1px solid rgba(24,139,49,.14);font-size:14px;line-height:1.55}th{background:rgba(207,244,200,.65);color:var(--text)}td{color:var(--secondary)}tr:last-child td{border-bottom:0}.status-good{font-weight:800;color:#17672b}.status-limit{font-weight:800;color:#7b5a10}.faq details{border-top:1px solid rgba(24,139,49,.2);padding:17px 0}.faq details:last-child{border-bottom:1px solid rgba(24,139,49,.2)}.faq summary{cursor:pointer;font-weight:780}.faq p{margin:10px 0 0}.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.related a{display:inline-block;padding:10px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);text-decoration:none;font-weight:730}.footer{width:min(92%,980px);margin:0 auto 30px;padding:28px 0 8px;border-top:1px solid rgba(24,139,49,.2);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--secondary);font-size:13px}.footer a{font-weight:700}.small{font-size:13px!important}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:rgba(237,255,234,.9);padding:2px 5px;border-radius:5px}@media(max-width:700px){.header{height:auto;padding:18px 0;gap:16px}.header nav a:not(.primary){display:none}.content{padding:34px 0 62px}.hero{padding:26px 20px}.hero h1{font-size:39px;letter-spacing:-1.7px}.grid{grid-template-columns:1fr}section{padding-top:38px}section h2{font-size:28px}}


/* v0.7.0 shared navigation + conversion path */
.header{overflow:visible;position:relative;z-index:20}
.header .main-nav{display:flex;align-items:center;gap:14px}
.header .main-nav>a,.nav-learn>summary{font-size:14px;font-weight:720;color:var(--secondary);text-decoration:none;white-space:nowrap}
.header .main-nav>a[aria-current="page"],.nav-learn>summary.current{color:var(--brand)}
.nav-learn{position:relative}
.nav-learn>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:10px 2px}
.nav-learn>summary::-webkit-details-marker{display:none}
.nav-learn>summary::after{content:"⌄";font-size:12px;transition:transform .16s ease}
.nav-learn[open]>summary::after{transform:rotate(180deg)}
.nav-dropdown{position:absolute;right:0;top:calc(100% + 7px);min-width:230px;display:grid;gap:3px;padding:8px;border:1px solid rgba(24,139,49,.22);border-radius:15px;background:rgba(237,255,234,.98);box-shadow:0 18px 42px rgba(24,70,35,.14)}
.nav-dropdown a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text);font-weight:700}
.nav-dropdown a:hover,.nav-dropdown a[aria-current="page"]{background:var(--sage);color:var(--brand)}
.header nav .primary{padding:10px 14px;border-radius:999px;background:var(--brand);color:#fff!important}
.action-note{margin:12px 0 0!important;font-size:13px!important;color:var(--secondary)!important}
.conversion-cta{margin-top:48px;padding:28px!important;border:1px solid rgba(24,139,49,.25);border-radius:22px;background:linear-gradient(135deg,rgba(237,255,234,.94),rgba(207,244,200,.7))}
.conversion-cta h2{margin-top:7px}.conversion-cta p{max-width:760px}.conversion-cta .button{margin-top:4px}.conversion-cta small{display:block;margin-top:11px;color:var(--secondary);font-size:12px;line-height:1.5}
@media(max-width:900px){.header{height:auto;padding:16px 0;flex-wrap:wrap;gap:12px}.header .main-nav{width:100%;overflow-x:auto;gap:8px;padding-bottom:2px;scrollbar-width:none}.header .main-nav::-webkit-scrollbar{display:none}.header .main-nav>a,.nav-learn>summary{display:flex!important;padding:8px 10px;border:1px solid rgba(24,139,49,.18);border-radius:999px;background:rgba(237,255,234,.72);font-size:13px}.header nav .primary{margin-left:auto;border-color:var(--brand)}.nav-dropdown{left:0;right:auto}}
@media(max-width:700px){.header nav a:not(.primary){display:flex}.content{padding-top:30px}.conversion-cta{padding:22px!important}.nav-dropdown{min-width:min(270px,86vw)}}
/* v0.7.0 mobile navigation wrap correction */
@media(max-width:900px){.header .main-nav{overflow:visible;flex-wrap:wrap}.header nav .primary{margin-left:0}.nav-dropdown{position:absolute;top:calc(100% + 7px);left:0;right:auto}}

/* v0.7.1 unified product footer */
.site-footer{width:min(92%,1180px);margin:0 auto 30px;padding:30px 0 8px;border-top:1px solid rgba(24,139,49,.2);display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.25fr);gap:24px 48px;align-items:start;color:var(--secondary)}
.footer-brand .brand{width:max-content}.footer-brand p{margin:10px 0 0;font-size:14px;color:var(--secondary)}
.development-note{margin:0;padding:15px 17px;border:1px solid rgba(24,139,49,.26);background:rgba(237,255,234,.62);border-radius:16px;color:#365e3a;font-size:14px;line-height:1.65}.development-note strong{color:var(--text)}
.footer-explore{grid-column:1/-1;display:flex;gap:12px 22px;flex-wrap:wrap;padding-top:2px}.footer-explore a{color:var(--brand);font-weight:720;text-decoration:none}.footer-explore a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-meta{grid-column:1/-1;border-top:1px solid rgba(24,139,49,.18);padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-meta p{margin:0;font-size:13px;font-weight:500;color:var(--secondary)}.footer-meta a{text-decoration:underline;text-underline-offset:3px;color:var(--brand)}
@media(max-width:700px){.site-footer{grid-template-columns:1fr}.development-note,.footer-meta,.footer-explore{grid-column:1}.footer-meta{display:grid;gap:9px}}