.site-public #sy-main-navigation .sy-nav-library{position:relative;min-width:0}
.site-public #sy-main-navigation .sy-nav-library>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 8px;list-style:none;cursor:pointer;font-size:17px;white-space:nowrap;color:var(--sy-ink);border-radius:8px}
.site-public #sy-main-navigation .sy-nav-library>summary::-webkit-details-marker{display:none}
.site-public #sy-main-navigation .sy-nav-library>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.site-public #sy-main-navigation .sy-nav-library[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.site-public #sy-main-navigation .sy-nav-library>summary[aria-current]{background:var(--sy-green);color:var(--sy-surface)}
.site-public #sy-main-navigation .sy-nav-submenu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:190px;padding:8px;background:var(--sy-surface);border:1px solid var(--sy-line);border-radius:10px;box-shadow:0 10px 26px #294e491a}
.site-public #sy-main-navigation .sy-nav-submenu>a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 14px;border:0;border-radius:6px;background:transparent;color:var(--sy-ink);white-space:nowrap}
.site-public #sy-main-navigation .sy-nav-submenu>a:is(:hover,:focus-visible){background:var(--sy-tint);text-decoration:none}
.site-public #sy-main-navigation .sy-nav-submenu>a[aria-current=page]{background:var(--sy-green);color:var(--sy-surface)}
.site-public #sy-main-navigation .sy-nav-submenu>.sy-nav-library-home{margin-bottom:4px;border-bottom:1px solid var(--sy-line);border-radius:0}
.site-public #sy-main-navigation summary:focus-visible,.site-public .sy-story-link:focus-visible{outline:3px solid var(--sy-brown);outline-offset:4px}
.sy-stories-page .site-page-heading,.sy-dojo-page .site-page-heading{margin-bottom:32px}
.sy-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.sy-story-card{min-width:0;background:#f7f2e8;border:1px solid var(--sy-line);border-radius:14px;overflow:hidden}
.site-public .sy-story-link{display:block}
.site-public .sy-story-link:hover{text-decoration:none}
.sy-story-poster{padding:16px;background:#eee8db}
.site-public .sy-story-poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top}
.sy-story-copy{padding:24px}
.sy-story-copy h2{margin:0 0 12px;font-size:26px;color:var(--sy-green)}
.sy-story-copy p{margin-bottom:20px;font-size:17px;color:var(--sy-muted)}
.sy-story-cta{display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:10px 22px;background:var(--sy-green);color:#fff;border-radius:8px;font-size:17px}
.sy-story-link:hover .sy-story-cta{background:#1d3e39}
.sy-stories-coming{margin:32px 0 0;color:var(--sy-muted);font-size:17px}
.sy-dojo-notice{max-width:820px;margin:0 auto 48px;padding:clamp(36px,7vw,80px) 24px;text-align:center;border:1px solid var(--sy-line);border-radius:14px;background:#f7f2e8}
.sy-dojo-rule{display:block;width:48px;height:3px;margin:0 auto 28px;background:var(--sy-gold)}
.sy-dojo-notice h2{color:var(--sy-green);font-size:clamp(24px,4vw,34px)}
.sy-dojo-notice p{margin:0;color:var(--sy-muted)}
@media(max-width:700px){
 .sy-story-grid{grid-template-columns:minmax(0,1fr)}
 .sy-story-copy{padding:22px}
 .site-public #sy-main-navigation .sy-nav-library>summary{padding-block:4px;padding-inline:6px}
 .site-public #sy-main-navigation .sy-nav-submenu{min-width:175px;max-width:calc(100vw - 44px)}
}

.sy-story-viewing-note{display:block;margin:0 0 12px;color:var(--sy-muted);font-size:15px;line-height:1.6}

.sy-story-entry{padding:0 24px 24px}
.sy-story-entry-buttons{display:flex;flex-wrap:wrap;gap:12px}
.site-public .sy-story-entry .sy-story-cta{color:#fff;text-decoration:none;gap:14px}
.site-public .sy-story-entry .sy-story-cta:hover{background:#1d3e39}
.site-public .sy-story-entry .sy-story-desktop{background:transparent;border:1px solid var(--sy-green);color:var(--sy-green)}
.site-public .sy-story-entry .sy-story-desktop:hover{background:#e9e7d9;color:var(--sy-green)}
@media(max-width:700px){.sy-story-entry{padding:0 22px 22px}.sy-story-entry-buttons{display:grid;grid-template-columns:1fr}.sy-story-entry .sy-story-cta{justify-content:center}}