.seed-reading{padding-block:50px;background:linear-gradient(130deg,var(--bg),var(--catalog-surface));border-block:1px solid var(--line)}
.seed-reading-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 50px;align-items:center;margin:0 0 26px}.seed-reading-heading>.section-kicker{grid-column:1/-1;margin:0}.seed-reading h2{font-size:clamp(30px,3.2vw,46px);margin:8px 0;letter-spacing:-.04em}.seed-reading-heading>p:last-child{margin:0;max-width:56ch}.seed-reading p{line-height:1.65}
.reading-stage{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--catalog-edge);border-radius:24px;overflow:hidden;background:var(--bg)}
.reading-tabs{display:flex;flex-direction:column;padding:14px;background:var(--catalog-surface);gap:5px}.reading-tab{position:relative;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-radius:12px;padding:16px 14px;background:transparent;color:var(--muted);font:inherit;font-size:16px;overflow:hidden;transition:background .4s,color .4s}.reading-tab>span:first-child{font-size:13px;font-variant-numeric:tabular-nums}.reading-tab[aria-selected=true]{background:var(--bg);color:var(--accent)}.reading-tab:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.reading-tab[aria-selected=true]:after{transform:scaleX(var(--chapter-progress,0));transition:transform .2s linear}.reading-tab:focus-visible,.chapter-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.reading-stage .seed-explain-grid{display:grid;grid-template-columns:1fr;align-items:start;gap:0;min-width:0;padding:26px 34px;position:relative}.reading-stage .seed-explain{grid-area:1/1;padding:0;border:0;background:none;max-width:85ch;border-radius:0}.reading-stage .seed-explain[hidden]{display:none}.reading-stage h3{font-size:clamp(23px,2.4vw,32px);margin:12px 0 18px}.reading-stage p{max-width:78ch}.reading-stage .seed-explain.chapter-enter{animation:chapter-enter .65s cubic-bezier(.2,.8,.2,1) both}.reading-stage .section-kicker{font-size:13px}
.chapter-controls{display:flex;gap:18px;align-items:center;margin:12px 0 0;color:var(--muted);font-size:13px}.chapter-toggle{font:inherit;color:var(--text);background:none;border:1px solid var(--line);border-radius:20px;padding:8px 14px}.chapter-counter{font-variant-numeric:tabular-nums;letter-spacing:.08em}.seed-reading-bottom{gap:35px;margin-top:26px}.seed-reading-bottom h3{font-size:21px}.seed-reading-bottom p{font-size:15px}
.category-faq{position:relative;gap:6%;grid-template-columns:minmax(230px,.75fr) 1.4fr;padding-block:55px;background:radial-gradient(ellipse at 10% 70%,color-mix(in srgb,var(--accent),transparent 94%),transparent 65%)}
.faq-observatory{position:relative;width:150px;height:150px;display:grid;place-items:center;margin-top:30px;color:var(--accent);isolation:isolate}.faq-orbit{position:absolute;inset:0;border:1px solid var(--catalog-edge);border-radius:50%;animation:faq-orbit 24s linear infinite}.faq-orbit:after{content:'';position:absolute;top:20px;left:16px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 50%)}.faq-orbit:nth-child(2){inset:16px;border-style:dashed;animation-direction:reverse;animation-duration:40s;opacity:.45}.faq-orbit:nth-child(2):after{display:none}.faq-number{text-align:center;font:500 44px var(--display);font-variant-numeric:tabular-nums}.faq-number small{display:block;font:12px var(--font);letter-spacing:.16em;color:var(--muted);margin-top:6px}.faq-number.changing{animation:chapter-enter .5s both}.faq-observatory-caption{color:var(--muted);font-size:14px;margin-top:16px}
.category-faq .faq-item{border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:0 20px;overflow:hidden;background:color-mix(in srgb,var(--catalog-surface),transparent 55%);transition:border-color .35s,background .35s}.category-faq .faq-item[open]{border-color:var(--catalog-edge);background:var(--catalog-surface)}.category-faq .faq-item summary{display:flex;align-items:center;gap:14px;padding:20px 0;line-height:1.5;font-size:17px;list-style:none}.category-faq .faq-item summary::-webkit-details-marker{display:none}.faq-index{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 24px}.category-faq .faq-item summary>span:last-child{margin-left:auto;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--accent);transition:transform .45s,background .45s}.category-faq .faq-item[open] summary>span:last-child{transform:rotate(45deg);background:var(--bg)}.category-faq .faq-item p{font-size:16px;line-height:1.7;padding:0 38px 20px;margin:0;max-width:75ch}.category-faq .faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes chapter-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes faq-orbit{to{transform:rotate(360deg)}}
.is-paused .faq-orbit,.tab-paused .faq-orbit{animation-play-state:paused}.is-paused .chapter-enter,.is-paused .faq-number.changing{animation:none}
@media(max-width:760px){.seed-reading{padding-block:35px}.seed-reading-heading{display:block}.seed-reading-heading>p:last-child{margin-top:15px}.reading-stage{grid-template-columns:1fr}.reading-tabs{flex-direction:row;padding:8px;gap:3px}.reading-tab{flex:1;min-width:0;flex-direction:column;gap:6px;padding:12px 3px;font-size:14px;text-align:center}.reading-stage .seed-explain-grid{padding:23px}.seed-reading-bottom{grid-template-columns:1fr;gap:10px}.category-faq{grid-template-columns:1fr;padding-block:40px;gap:25px}.category-faq>div:first-child{position:relative;padding-right:100px}.category-faq h2{font-size:32px}.faq-observatory{position:absolute;right:0;top:0;width:85px;height:85px;margin:0}.faq-orbit:after{top:8px;left:8px;width:6px;height:6px}.faq-number{font-size:26px}.faq-number small{font-size:10px}.faq-observatory-caption{margin:12px 0 0}.category-faq .faq-item{padding-inline:14px}.category-faq .faq-item summary{gap:8px;font-size:16px}.category-faq .faq-item p{padding-left:0;padding-right:0}.chapter-controls{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){.faq-orbit,.reading-stage .seed-explain.chapter-enter,.faq-number.changing{animation:none!important}.reading-tab:after,.category-faq .faq-item,.category-faq .faq-item summary>span:last-child{transition:none!important}}
.category-faq .faq-item summary .faq-index{font-size:13px;transform:none;color:var(--muted);font-weight:400;letter-spacing:.05em}
/* A compact botanical editorial, rather than an edge-to-edge dashboard. */
.seed-reading{padding:48px max(var(--page-pad),calc((100% - 1100px)/2));border:0;background:radial-gradient(ellipse at 24% 40%,color-mix(in srgb,var(--catalog-surface),transparent 15%),transparent 72%),var(--bg)}
.seed-reading-heading{display:block;max-width:710px;text-align:center;margin:0 auto 24px}.seed-reading-heading>p:last-child{max-width:62ch;margin:14px auto 0}.seed-reading-heading>.section-kicker{font-size:12px}.seed-reading h2{font-size:clamp(31px,3.5vw,45px);line-height:1.15}
.reading-stage{position:relative;grid-template-columns:300px minmax(0,1fr);column-gap:26px;row-gap:12px;border:0;border-radius:0;overflow:visible;background:none;align-items:center}
.reading-tabs{grid-column:1/-1;grid-row:1;flex-direction:row;justify-content:center;gap:8px;padding:0;background:none;flex-wrap:wrap}.reading-tab{flex:0 1 auto;gap:9px;padding:11px 18px;border:1px solid var(--line);border-radius:30px;font-size:14px;background:color-mix(in srgb,var(--catalog-surface),transparent 40%)}.reading-tab[aria-selected=true]{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 5px 20px #0001}.reading-tab:after{background:currentColor;bottom:5px;left:15%;width:70%;height:1px;opacity:.65}
.reading-stage .seed-explain-grid{grid-column:2;grid-row:2;padding:20px 0;align-self:center}.reading-stage h3{font-size:clamp(23px,2.3vw,30px);margin:9px 0 16px}.reading-stage p{font-size:16px;line-height:1.7;max-width:none}.reading-stage .seed-explain{max-width:none}
.chapter-visual{grid-column:1;grid-row:2;position:relative;min-width:0;text-align:center;padding:18px 0 14px}.chapter-image-shell{position:relative;height:270px;isolation:isolate;animation:chapter-sway 8s ease-in-out infinite}.chapter-image-shell:before{content:'';position:absolute;inset:16px 4px;background:radial-gradient(ellipse at 35% 30%,#71955966,#26382e22);border:1px solid var(--catalog-edge);border-radius:61% 39% 53% 47% / 43% 58% 42% 57%;transform:rotate(-12deg);animation:chapter-contour 12s ease-in-out infinite alternate}.chapter-image-shell img{position:relative;width:110%;max-width:none;height:100%;margin-left:-5%;object-fit:contain;filter:url(#daylight-cutout);transform:rotate(-16deg) scale(1.12);animation:chapter-seeds 7s ease-in-out infinite}.chapter-image-caption{display:block;font-size:12px;letter-spacing:.07em;color:var(--muted);margin-top:-2px}.chapter-controls{justify-content:center;margin:4px 0 0}.chapter-controls>span:last-child{font-size:12px}
.seed-reading-bottom{grid-template-columns:1.25fr 1fr;gap:28px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}.seed-reading-bottom aside{padding:0;border:0}.seed-reading-bottom p{max-width:none;line-height:1.65;font-size:15px}.seed-reading-bottom h3{margin-top:0;font-size:20px}
.category-faq{padding-inline:max(var(--page-pad),calc((100% - 1100px)/2));gap:40px}
@keyframes chapter-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes chapter-seeds{0%,100%{transform:rotate(-16deg) scale(1.12)}50%{transform:rotate(-10deg) scale(1.17)}}
@keyframes chapter-contour{to{border-radius:44% 56% 39% 61% / 58% 42% 58% 42%;transform:rotate(7deg)}}
.is-paused .chapter-image-shell,.is-paused .chapter-image-shell:before,.is-paused .chapter-image-shell img,.tab-paused .chapter-image-shell,.tab-paused .chapter-image-shell:before,.tab-paused .chapter-image-shell img{animation-play-state:paused}
@media(max-width:760px){.seed-reading{padding:35px var(--page-pad)}.seed-reading-heading{margin-bottom:22px}.reading-stage{grid-template-columns:1fr;gap:5px}.reading-tabs{gap:5px;flex-wrap:nowrap}.reading-tab{flex:1;padding:10px 4px;font-size:13px;gap:5px}.chapter-visual{grid-column:1;grid-row:2;width:220px;justify-self:center;padding:10px 0 0}.chapter-image-shell{height:155px}.chapter-image-shell img{width:100%;margin-left:0;transform:rotate(-16deg)}.chapter-image-caption{font-size:11px}.reading-stage .seed-explain-grid{grid-column:1;grid-row:3;padding:15px 5px}.reading-stage .section-kicker{font-size:12px}.reading-stage h3{font-size:24px}.seed-reading-bottom{grid-template-columns:1fr;gap:18px;margin-top:23px}.chapter-controls>span:last-child{flex-basis:100%;text-align:center}.category-faq{padding-inline:var(--page-pad);gap:25px}}
@media(prefers-reduced-motion:reduce){.chapter-image-shell,.chapter-image-shell:before,.chapter-image-shell img{animation:none!important}}
.seed-reading-bottom{position:relative;isolation:isolate;overflow:hidden;padding:30px 32px;margin-top:30px;border:1px solid #665563;border-radius:34px 14px 34px 14px;background:#302630;box-shadow:0 14px 40px #0002;gap:30px;color:#f5eef4}
.seed-reading-bottom:before{content:'';position:absolute;inset:-50%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 40%,#ab766740,transparent 40%),radial-gradient(ellipse at 70% 65%,#906fa638,transparent 42%);animation:reading-color-drift 14s ease-in-out infinite alternate}
.seed-reading-bottom h3{color:#f5eef4}.seed-reading-bottom p{color:#d0c4cd}.seed-reading-bottom a{color:#e7f4c8;text-decoration-color:#e7f4c866}.seed-reading-bottom a:hover{color:#fff}.seed-reading-bottom aside{padding-left:26px;border-left:1px solid #a18a9a40}.seed-reading-bottom a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[data-theme=light] .seed-reading-bottom{background:#eee3ea;border-color:#d2bdcd;box-shadow:0 14px 35px #493b4a0c;color:#382f3a}html[data-theme=light] .seed-reading-bottom h3{color:#382f3a}html[data-theme=light] .seed-reading-bottom p{color:#5c4d58}html[data-theme=light] .seed-reading-bottom a{color:#35532c;text-decoration-color:#35532c66}html[data-theme=light] .seed-reading-bottom a:hover{color:#182a13}
@keyframes reading-color-drift{from{transform:translate(-3%,-2%) rotate(-5deg)}to{transform:translate(5%,4%) rotate(8deg)}}
.is-paused .seed-reading-bottom:before,.tab-paused .seed-reading-bottom:before{animation-play-state:paused}
@media(max-width:760px){.seed-reading-bottom{padding:24px 22px;border-radius:26px 12px 26px 12px;gap:20px}.seed-reading-bottom aside{padding-left:0;padding-top:19px;border-left:0;border-top:1px solid #a18a9a40}}
@media(prefers-reduced-motion:reduce){.seed-reading-bottom:before{animation:none}}
.feminized-page{--catalog-surface:#192a25;--catalog-edge:#4e6b59}.feminized-page .catalog-specimen>img{width:86%;left:7%;height:92%;top:4%}.feminized-page .specimen-halo{inset:10% 14%;transform:rotate(12deg)}.feminized-page .type-tile[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.feminized-page .category-guide{background:color-mix(in srgb,var(--catalog-surface),#887843 15%)}.feminized-page .breadcrumbs{flex-wrap:wrap}.feminized-page .catalog-copy h1 em{white-space:normal}
html[data-theme=light] .feminized-page{--catalog-surface:#e2eadf;--catalog-edge:#98ad90}
.autoflower-page{--catalog-surface:#1b292c;--catalog-edge:#52716e}.autoflower-page .catalog-specimen>img{width:86%;left:7%;height:90%;top:4%}.autoflower-page .specimen-halo{inset:12% 16%;transform:rotate(17deg)}.autoflower-page .type-tile[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.autoflower-page .category-guide{background:color-mix(in srgb,var(--catalog-surface),#5a8387 18%)}.autoflower-page .breadcrumbs{flex-wrap:wrap}.autoflower-page .catalog-copy h1 em{white-space:normal}
html[data-theme=light] .autoflower-page{--catalog-surface:#e0eeeb;--catalog-edge:#9dbbb4}
.regular-page{--catalog-surface:#2c2921;--catalog-edge:#827157}.regular-page .catalog-specimen>img{width:110%;left:-5%;height:100%;top:0}.regular-page .specimen-halo{inset:16% 10%;transform:rotate(-21deg)}.regular-page .type-tile[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.regular-page .category-guide{background:color-mix(in srgb,var(--catalog-surface),#947356 18%)}.regular-page .breadcrumbs{flex-wrap:wrap}.regular-page .catalog-copy h1 em{white-space:normal}
html[data-theme=light] .regular-page{--catalog-surface:#ede6d8;--catalog-edge:#b4a284}
.cbd-page{--catalog-surface:#292331;--catalog-edge:#74617f}.cbd-page .catalog-specimen>img{width:86%;left:7%;height:92%;top:4%}.cbd-page .specimen-halo{inset:12% 15%;transform:rotate(-12deg)}.cbd-page .type-tile[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cbd-page .category-guide{background:color-mix(in srgb,var(--catalog-surface),#6b7b61 17%)}.cbd-page .breadcrumbs{flex-wrap:wrap}.cbd-page .catalog-copy h1 em{white-space:normal}
html[data-theme=light] .cbd-page{--catalog-surface:#eae3ef;--catalog-edge:#b5a1c2}
