/* V22: scoped, editable application stories. Existing storefront styles are unchanged. */
.b30-stories{--story-forest:#263f37;--story-paper:#fffdf8;--story-muted:#516159;background:#eaf0e4;max-width:none!important;color:var(--story-forest);padding:64px max(20px,calc((100% - 1220px)/2))!important;border-block:1px solid #d5decf}
.b30-stories *{min-width:0}.b30-stories [hidden]{display:none!important}.b30-stories-inner{max-width:1220px;margin:auto}.b30-stories-heading{max-width:770px}.b30-stories .eyebrow{color:#526844;margin:0 0 14px}.b30-stories h2,.b30-stories h1{font:600 clamp(29px,3vw,42px)/1.15 LibreFranklin,Arial,sans-serif;letter-spacing:-1.2px;margin:0 0 20px}.b30-stories-intro{font-size:17px;line-height:1.65;margin:0;max-width:740px}.b30-stories-disclosure{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.5;color:var(--story-muted);margin:15px 0 0}.b30-story-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.b30-stories-tools{display:flex;align-items:flex-end;gap:26px;margin-top:28px}.b30-stories-focus{flex:1}.b30-stories-label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.b30-story-filters{display:flex;flex-wrap:wrap;gap:8px}.b30-story-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid #bdcbb7;border-radius:99px;color:var(--story-forest);background:transparent;font-size:13px;line-height:1.4;transition:background .18s,color .18s,border-color .18s}.b30-story-filters button[aria-pressed=true]{background:var(--story-forest);color:var(--story-paper);border-color:var(--story-forest)}.b30-story-filters .b30-story-icon{width:16px;height:16px}.b30-story-age{flex:0 0 145px;align-self:flex-start}.b30-story-age select{font:inherit;font-size:14px;min-height:44px;width:100%;padding:10px 30px 10px 13px;border-radius:12px;border:1px solid #b5c5b1;background:var(--story-paper);color:var(--story-forest)}
.b30-stories-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px}.b30-stories-bar p{margin:0;font-size:13px;color:var(--story-muted)}.b30-story-arrows{display:flex;gap:9px}.b30-story-arrows button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #b5c5b1;border-radius:50%;background:var(--story-paper);color:var(--story-forest);transition:background .18s,color .18s,transform .18s}.b30-story-arrows button:disabled{opacity:.4;cursor:default}.b30-story-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:3px;padding:4px 3px 16px;align-items:stretch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9daf94 transparent}.b30-story-card{scroll-snap-align:start;display:flex;flex-direction:column;margin:0;background:var(--story-paper);padding:22px;border:1px solid #d0dbca;border-radius:24px;box-shadow:0 6px 16px #263f3705;transition:background .2s,border-color .2s,box-shadow .2s;overflow-wrap:anywhere}.b30-story-card-top{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.b30-story-card-top p{font-size:15px;margin:0}.b30-story-card-top strong{font-weight:600}.b30-story-category{display:inline-flex;align-items:center;gap:6px;color:#526149;font-size:12px}.b30-story-category .b30-story-icon{width:15px;height:15px}.b30-story-art{height:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:0 -5px 10px;overflow:hidden}.b30-story-art img{width:100%;height:160px;min-height:0;object-fit:contain;transition:transform .25s}.b30-story-card h3{font:600 22px/1.25 LibreFranklin,Arial,sans-serif;letter-spacing:-.45px;color:var(--story-forest);margin:0 0 14px}.b30-story-teaser{font-size:15px;line-height:1.6;color:#43554d;margin:0 0 22px}.b30-story-details{margin:auto 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}.b30-story-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 15px!important;border:1px solid #9eb194;border-radius:12px;background:#eaf0e4;color:var(--story-forest);font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.b30-story-details>summary::-webkit-details-marker{display:none}.b30-story-details>summary::before,.b30-story-details>summary::after{content:none!important}.b30-stories-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}.b30-stories-end>p{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--story-muted);margin:0}.b30-story-offer.button{background:var(--story-forest);color:var(--story-paper);display:inline-flex;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:15px 20px;border:1px solid var(--story-forest);border-radius:14px;font-size:14px;line-height:1.5;text-decoration:none;white-space:normal;transition:transform .2s,background .2s,color .2s}.b30-story-empty{border:1px dashed #92a78a;background:var(--story-paper);padding:25px;border-radius:16px}.b30-story-empty p{margin:0 0 12px}.b30-story-empty button{min-height:44px;background:var(--story-forest);color:var(--story-paper);border:0;border-radius:10px;padding:10px 16px}
.b30-story-dialog{padding:0;position:fixed;inset:0;width:min(760px,calc(100% - 32px));max-width:760px;max-height:min(90vh,940px);max-height:min(90dvh,940px);margin:auto;border:1px solid #b5c5b1;border-radius:24px;color:var(--story-forest);background:var(--story-paper);overscroll-behavior:contain;overflow:auto}.b30-story-dialog::backdrop{background:#152c25ad;backdrop-filter:blur(4px)}.b30-story-dialog-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 22px;background:var(--story-paper);border-bottom:1px solid #d0dbca;z-index:2}.b30-story-dialog-top>span{font-size:10px;font-weight:600;letter-spacing:.12em}.b30-story-dialog-top button{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid #b5c5b1;border-radius:50%;background:#eaf0e4;color:var(--story-forest)}.b30-story-dialog-body{padding:24px 32px 30px}.b30-story-context-head{display:grid;grid-template-columns:138px 1fr;gap:22px;align-items:center;margin:0 0 24px}.b30-story-context-art img{display:block;width:100%;height:auto;max-height:125px;object-fit:contain}.b30-story-context-head .eyebrow{margin:0 0 10px}.b30-story-context-head h3{font:600 27px/1.2 LibreFranklin,Arial,sans-serif;margin:0;color:var(--story-forest);letter-spacing:-.7px}.b30-story-steps{display:grid;gap:20px}.b30-story-step{display:grid;grid-template-columns:36px 1fr;gap:13px}.b30-story-step-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9eddf;color:var(--story-forest)}.b30-story-step:nth-child(2) .b30-story-step-icon{background:#f2e4c7}.b30-story-step:nth-child(3) .b30-story-step-icon{background:#eee3ed}.b30-story-step h4{font-size:15px;margin:0 0 7px;line-height:1.4;font-weight:600}.b30-story-step p{font-size:15px;line-height:1.65;margin:0;color:#43554d}.b30-story-takeaway{display:flex;gap:12px;align-items:flex-start;background:#eaf0e4;padding:16px;border-radius:14px;font-size:15px;line-height:1.5;margin:24px 0 16px}.b30-story-reference{font-size:12px;line-height:1.65;color:var(--story-muted);margin:0}.b30-story-reference strong{display:block;color:var(--story-forest);margin-bottom:4px}.b30-story-purchase{margin-top:24px;padding-top:20px;border-top:1px solid #d0dbca}.b30-story-purchase>p{font-size:13px;line-height:1.5;margin:0 0 12px;color:var(--story-muted)}.b30-story-purchase .button{width:100%}.b30-story-details[open]>.b30-story-content{margin-top:24px}.b30-story-details[open] .b30-story-context-head{display:block}.b30-story-details[open] .b30-story-context-art{display:none}.b30-story-details[open] .b30-story-context-head h3{font-size:20px}.b30-story-dialog:focus-visible{outline:3px solid #a25930;outline-offset:2px}.b30-stories :is(a,button,summary,select,[tabindex]):focus-visible{outline:3px solid #a25930;outline-offset:3px}
@media(hover:hover){.b30-story-card:hover{border-color:#9cad91;background:#f5f5eb;box-shadow:0 8px 22px #263f370c}.b30-story-card:hover .b30-story-art img{transform:scale(1.035)}.b30-story-card:hover .b30-story-category{color:#a75428}.b30-story-details>summary:hover,.b30-story-arrows button:not(:disabled):hover{background:var(--story-forest);color:var(--story-paper)}.b30-story-offer.button:hover{background:#eaf0e4;color:var(--story-forest);transform:translateY(-2px)}.b30-story-filters button:not([aria-pressed=true]):hover{background:#dbe6d4}}
@media(max-width:1000px){.b30-story-track{grid-auto-columns:calc((100% - 20px)/2)}.b30-stories-tools{flex-direction:column;align-items:stretch;gap:15px}.b30-story-age{flex:auto;display:flex;align-items:center;gap:12px}.b30-story-age .b30-stories-label{margin:0}.b30-story-age select{width:155px}.b30-stories-end{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.b30-stories{padding:42px 18px!important}.b30-stories h2,.b30-stories h1{font-size:30px;letter-spacing:-.9px}.b30-stories-intro{font-size:16px}.b30-story-filters{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin}.b30-story-filters button{flex-shrink:0}.b30-story-track{grid-auto-columns:calc(100% - 26px);gap:14px}.b30-story-card{padding:20px}.b30-story-art,.b30-story-art img{height:136px}.b30-story-card h3{font-size:22px}.b30-story-teaser{font-size:14px}.b30-stories-bar{margin-top:12px}.b30-stories-end .b30-story-offer{width:100%}.b30-story-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px);border-radius:19px}.b30-story-dialog-top{padding:8px 14px}.b30-story-dialog-body{padding:20px 18px 24px}.b30-story-context-head{grid-template-columns:86px 1fr;gap:12px;margin-bottom:22px}.b30-story-context-head h3{font-size:22px;letter-spacing:-.4px}.b30-story-context-head .eyebrow{font-size:11px;letter-spacing:.05em}.b30-story-step{gap:10px;grid-template-columns:30px 1fr}.b30-story-step-icon{width:30px;height:30px;border-radius:9px}.b30-story-step-icon svg{width:17px;height:17px}.b30-story-step p{font-size:14px}.b30-story-purchase{margin-top:20px}.b30-story-purchase .button{font-size:14px;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.b30-stories *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.b30-story-directory{margin:18px 0 0}.b30-story-directory a{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:10px 14px;border:1px solid #a5b79b;border-radius:12px;color:#263f37;background:#fffdf8;font-size:14px;font-weight:600;text-decoration:none}.b30-story-directory a:hover{background:#263f37;color:#fffdf8}#starting-points{scroll-margin-top:30px}