:root{--canvas:#efeee8;--paper:#faf9f4;--ink:#171a18;--muted:#646861;--rule:#b8b7ae;--green:#315e48;--green-dark:#204533;--green-soft:#e5e9df;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-18:4.5rem;--font-body:"Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;--font-display:Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif;--font-meta:ui-monospace, Consolas, monospace;--content-width:1280px;--master-grid:160px minmax(0, 1fr) minmax(0, 1fr) 240px;--grid-gap:var(--space-8);--color-primary:var(--green);--color-primary-dark:var(--green-dark);--color-secondary:var(--green);--color-background:var(--canvas);--color-surface:var(--paper);--color-mint:var(--green-soft);--color-text:var(--ink);--color-muted:var(--muted);--color-border:var(--rule);--color-silver:#d8d9d1;--radius-small:2px;--radius-panel:0px;--radius-pill:2px;--shadow-panel:none;--font-size-small:.875rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{background:var(--canvas);color:var(--ink);font:1rem/1.8 var(--font-body);margin:0}a{color:var(--green-dark);text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px}a:visited{color:var(--green-dark)}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}picture{display:block}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;line-height:1.4}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--green);color:var(--paper)}:focus-visible{outline:3px solid var(--green);outline-offset:4px}:target{scroll-margin-top:var(--space-8)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--paper);border:2px solid var(--green);padding:.6rem 1rem;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:1rem}.metadata,.eyebrow{font:.75rem/1.6 var(--font-meta);letter-spacing:.06em;color:var(--muted)}.eyebrow{text-transform:uppercase}.button,.text-link{justify-content:center;align-items:center;gap:var(--space-3);max-width:100%;min-height:44px;padding:var(--space-2) var(--space-4);color:var(--green-dark);border:1px solid var(--rule);background:0 0;border-radius:0;font-size:.875rem;font-weight:700;line-height:1.6;display:inline-flex}.button:hover{background:var(--green-soft)}.button-primary,.button-primary:visited{background:var(--green);border-color:var(--green);color:var(--paper)}.button-primary:hover{background:var(--green-dark)}.text-link{border:0;justify-content:start;padding-inline:0}.panel{min-width:0}.panel-body{padding-block:var(--space-6)}.panel-bottom{padding-top:var(--space-4)}.section-heading{align-items:baseline;gap:var(--space-3) var(--space-6);border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.section-heading h2{font:700 1rem/1.5 var(--font-meta);letter-spacing:.02em}.section-caption{color:var(--muted);font-size:.8125rem}.banner-caption{margin-top:var(--space-3);color:var(--muted);font-size:.8125rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.site-shell{grid-template-columns:var(--master-grid);column-gap:var(--grid-gap);max-width:calc(var(--content-width) + 64px);background:var(--paper);margin-inline:auto;padding:0 32px 72px;display:grid}.site-header{align-items:center;gap:var(--grid-gap);border-top:6px solid var(--green);border-bottom:1px solid var(--ink);grid-column:1/-1;grid-template-columns:160px minmax(0,1fr) auto;min-height:132px;display:grid}.edition-mark{color:var(--green);font:700 1.4rem/1.2 var(--font-meta);letter-spacing:-.06em}.edition-mark span{color:var(--muted);font:.6875rem/1.5 var(--font-meta);letter-spacing:.04em;margin-top:8px;display:block}.brand{align-items:center;gap:16px;min-width:0;text-decoration:none;display:flex}.brand>span:last-child{min-width:0}.brand-clover{color:var(--green)}.wordmark{font:700 clamp(1.5rem, 3vw, 2.5rem)/1.2 var(--font-display);letter-spacing:-.04em;display:block}.brand-subtitle{font:.8125rem/1.5 var(--font-body);margin-top:6px;display:block}.header-note{text-align:right;gap:8px;font-size:.875rem;display:grid}.main-nav{grid-column:1;align-self:start;padding-top:32px}.main-nav>.metadata{border-bottom:1px solid var(--rule);padding-bottom:16px}.main-nav a{border-bottom:1px solid var(--rule);min-height:76px;font:700 .875rem/1.5 var(--font-meta);grid-template-columns:24px minmax(0,1fr);align-content:center;gap:0 8px;padding:12px 8px;display:grid}.main-nav a small{font:.8125rem/1.6 var(--font-body);color:var(--muted);grid-column:2}.main-nav a>span{overflow-wrap:anywhere;min-width:0}.main-nav a[aria-current]{border-left:3px solid var(--green);background:var(--green-soft)}.nav-colophon{color:var(--muted);margin-top:32px;font-size:.8125rem}.nav-colophon span{margin-bottom:8px;display:block}main{grid-column:2/-1;min-width:0;padding-top:32px}.page-columns{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr) 240px;align-items:start;margin-top:48px;display:grid}.main-column{gap:48px;min-width:0;display:grid}.sidebar{border-left:1px solid var(--rule);gap:32px;min-width:0;padding-left:24px;display:grid}.sidebar .section-heading{border-top:1px solid var(--ink);border-bottom:0;gap:4px 12px}.sidebar .section-heading h2{text-transform:uppercase;font-size:.8125rem}.sidebar .panel-body{padding-top:8px;padding-bottom:0}.rail-author{margin-bottom:16px;font-size:.875rem}.suzuna-guide{min-width:0}.suzuna-guide>picture{max-width:260px;margin-bottom:16px}.suzuna-guide img{aspect-ratio:1;object-fit:cover;object-position:50% top;width:100%}.compact{grid-template-columns:64px minmax(0,1fr);gap:12px;display:grid}.compact>picture{margin:0}.guide-name{color:var(--green);font:700 1.5rem/1.4 var(--font-display)}.guide-name span{font:.8125rem/1.5 var(--font-body)}.suzuna-guide p:not(.guide-name){margin-top:8px;font-size:.875rem}.compact .guide-name{font-size:1.2rem}.compact .guide-name span{display:block}.compact p:not(.guide-name){font-size:.8125rem}.suzuna-puzzle-portrait{align-self:start;display:block;position:relative}.suzuna-puzzle-portrait>span{font:.6875rem/1.8 var(--font-meta);text-align:center;display:block}.suzuna-play-link{align-items:center;min-height:44px;font-size:.875rem;display:flex}.contents-list a{border-bottom:1px solid var(--rule);grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:60px;font-size:.875rem;display:grid}.contents-list small{color:var(--muted);font-size:.8125rem;display:block}.little-message{border-top:1px solid var(--rule);font-family:var(--font-display);padding-block:24px}.little-message>svg,.little-message>span{display:none}.little-message .metadata{margin-bottom:12px}.site-banner{align-items:center;width:fit-content;min-height:44px;display:flex}.site-banner img{width:88px;height:31px}.product-grid{display:grid}.product-card{border-bottom:1px solid var(--rule);grid-template-columns:144px minmax(0,1fr);align-content:start;gap:24px;min-width:0;padding-block:32px;display:grid}.product-art{align-content:start;justify-items:start;gap:16px;min-width:0;display:grid}.specimen-number{font:.75rem/1.5 var(--font-meta);color:var(--muted)}.product-art picture{width:128px;height:128px}.product-art img{object-fit:contain;width:100%;height:100%}.product-category{color:var(--muted);font-size:.8125rem}.product-copy{min-width:0}.product-copy h3{font:700 clamp(1.8rem, 3vw, 2.6rem)/1.15 var(--font-display);letter-spacing:-.035em}.product-reading{color:var(--muted);margin-top:8px;font-size:.8125rem}.product-tagline{margin-top:16px;font-weight:700}.product-description{margin-top:8px}.product-description:empty{display:none}.product-description p+p{margin-top:8px}.tags{flex-wrap:wrap;gap:8px 12px;margin-block:16px;display:flex}.tags li{color:var(--muted);font-size:.8125rem}.tags li+li:before{content:"/";color:var(--rule);margin-right:12px}.product-status{border-bottom:1px dashed var(--green);padding-block:8px;font-size:.875rem;display:inline-block}.product-article-link,.product-article-pending{margin-top:12px;font-size:.875rem}.product-card:target{outline:2px solid var(--green);outline-offset:6px}.pickup-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);column-gap:24px}.pickup-grid .product-card{grid-template-columns:1fr;gap:16px}.pickup-grid .product-card:first-child{border-right:1px solid var(--rule);grid-row:span 2;padding-right:24px}.pickup-grid .product-card:first-child .product-art picture{aspect-ratio:1;width:min(100%,208px);height:auto}.pickup-grid .product-card:not(:first-child) .product-art picture{width:80px;height:80px}.pickup-grid .product-card:not(:first-child) h3{font-size:1.8rem}.pickup-grid .product-card:not(:first-child) .product-tagline{font-weight:400}.news-row{border-bottom:1px solid var(--rule);grid-template-columns:auto auto 1fr;gap:12px;padding-block:24px;display:grid}.news-row time,.news-tag{font:.8125rem/1.8 var(--font-meta);color:var(--muted)}.news-row p{grid-column:1/-1}.intro-note{padding-block:48px 24px}.intro-note h2{font:700 clamp(1.5rem, 3vw, 2.1rem)/1.6 var(--font-display);margin:16px 0 24px}.intro-note p:not(.eyebrow){max-width:36em}.intro-note .text-link{margin-top:24px}.products-layout{grid-template-columns:160px minmax(0,1fr);align-items:start;gap:32px;margin-top:48px;display:grid}.product-sidebar{gap:32px;min-width:0;display:grid}.catalog-label{margin-bottom:12px}.product-sidebar .section-caption{display:none}.category-list a{border-bottom:1px solid var(--rule);overflow-wrap:anywhere;align-items:center;gap:8px;min-height:48px;font-size:.875rem;display:flex}.category-list svg{display:none}.category-list a>span{font-family:var(--font-meta);flex-shrink:0;margin-left:auto}.product-name-nav{margin-top:24px}.product-name-nav a{font-size:.8125rem}.future-note{border-top:1px solid var(--rule);gap:16px;padding-block:32px;display:grid}.future-note>svg{display:none}.future-note h2{font:700 1.5rem/1.5 var(--font-display)}.future-note .button{justify-self:start}.links-grid{display:grid}.link-card{border-bottom:1px solid var(--rule);grid-template-columns:36px minmax(0,1fr);gap:12px 24px;min-width:0;padding-block:32px;display:grid}.directory-number{font:.75rem/1.8 var(--font-meta);color:var(--muted);grid-area:1/1/span 3;padding-top:6px}.link-title h3{font:700 2.25rem/1.2 var(--font-display)}.link-title,.link-card>p:not(.directory-number),.link-card>a,.link-card>.link-pending{grid-column:2}.directory-link{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;font-size:.875rem;display:flex}.directory-link span{overflow-wrap:anywhere;min-width:0}.link-pending{font-size:.875rem}.banner-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;display:grid}.banner-samples{align-content:start;gap:16px;display:grid}.banner-samples img{max-width:100%}.banner-downloads{flex-wrap:wrap;gap:8px 16px;margin-top:16px;display:flex}.banner-downloads a{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.banner-description h3{font:700 1.3rem/1.5 var(--font-display)}.banner-description p{margin-top:16px}.banner-description code{border-block:1px solid var(--rule);white-space:normal;overflow-wrap:anywhere;margin-top:24px;padding-block:16px;font-size:.8125rem;display:block}.recommended-note{border-top:1px dashed var(--rule);gap:16px;padding-block:24px;display:flex}.recommended-note>svg{display:none}.recommended-note h2{font:700 .875rem/1.6 var(--font-meta)}.recommended-note p{margin-top:8px}.about-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;margin-top:48px;display:grid}.about-story .panel-body{padding-block:0 24px}.story-section{border-bottom:1px solid var(--rule);grid-template-columns:32px minmax(0,1fr);gap:16px;padding-block:32px;display:grid}.story-number{color:var(--muted);font:.75rem/1.8 var(--font-meta)}.story-label{margin-bottom:12px}.story-section h2{font:700 1.6rem/1.5 var(--font-display);text-wrap:pretty;margin-bottom:24px}.story-section p+p{margin-top:16px}.about-story .button{margin-top:24px}.about-suzuna{border-left:1px solid var(--rule);padding-left:24px}.about-suzuna .section-heading h2{font-size:.875rem}.about-suzuna .panel-body>p{margin-top:24px}.about-links{border-top:2px solid var(--ink);margin-top:48px;padding-top:48px}.about-links h2{font:700 1.6rem/1.6 var(--font-display)}.about-links>div{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.footer-garden{border-top:1px solid var(--rule);background:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1344px;margin-inline:auto;padding:24px 32px;display:grid}.footer-garden picture{min-width:0}.footer-garden img{object-fit:cover;object-position:center 68%;width:100%;height:80px}.footer-garden p{font-family:var(--font-display)}.footer-garden p span{font-size:.875rem}.site-footer{color:var(--paper);background:var(--green-dark)}.footer-inner{flex-wrap:wrap;align-items:center;gap:16px 32px;max-width:1344px;margin:auto;padding:32px;display:flex}.footer-brand,.footer-brand:visited,.site-footer a,.site-footer a:visited{color:var(--paper)}.footer-brand{font:700 1.5rem/1.5 var(--font-display);align-items:center;gap:12px;display:flex}.footer-caption{font-size:.8125rem}.site-footer nav{flex-wrap:wrap;gap:8px 24px;margin-left:auto;display:flex}.site-footer nav a{min-height:44px;font:.8125rem/1.5 var(--font-meta);align-items:center;display:flex}.footer-inner>small{font:.75rem/1.8 var(--font-meta);flex-basis:100%}@media (width<=1099px){.site-shell{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:24px}.site-header{grid-template-columns:120px minmax(0,1fr)}.header-note{display:none}.main-nav{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px;display:grid}.main-nav>.metadata{grid-column:1/-1;padding-bottom:8px}.main-nav a{min-height:64px}.nav-colophon{display:none}main{grid-column:1/-1}.page-columns,.about-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.sidebar,.about-suzuna{padding-left:16px}.products-layout{grid-template-columns:144px minmax(0,1fr);gap:24px}.product-card{grid-template-columns:112px minmax(0,1fr)}.product-art picture{width:104px;height:104px}.pickup-grid{grid-template-columns:1fr}.pickup-grid .product-card:first-child{border-right:0;grid-row:auto;padding-right:0}.pickup-grid .product-card{grid-template-columns:104px minmax(0,1fr)}.pickup-grid .product-card:first-child .product-art picture{width:104px}.banner-layout{grid-template-columns:1fr}}@media (width<=699px){.site-shell{padding:0 16px 48px;display:block}.site-header{grid-template-columns:1fr;gap:16px;padding-block:20px}.edition-mark{align-items:center;gap:24px;font-size:1.2rem;display:flex}.edition-mark span{margin-top:0;font-size:.6875rem}.edition-mark br{display:none}.brand-clover svg{width:24px;height:24px}.wordmark{overflow-wrap:anywhere;font-size:clamp(1.25rem,8vw,2rem)}.brand-subtitle{font-size:.8125rem}.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding:12px 8px}main{padding-top:24px}.page-columns,.products-layout,.about-layout{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:32px}.main-column{gap:40px}.sidebar{border-left:0;border-top:2px solid var(--ink);grid-template-columns:minmax(0,1fr);padding:24px 0 0}.compact{grid-template-columns:88px minmax(0,1fr)}.product-card,.pickup-grid .product-card{grid-template-columns:minmax(0,1fr);gap:24px}.product-art{grid-template-columns:auto 1fr;align-items:start;gap:12px 24px}.product-art .specimen-number{grid-column:1/-1}.product-art picture,.pickup-grid .product-card:first-child .product-art picture{width:104px;height:104px}.product-category{align-self:end}.pickup-grid{grid-template-columns:minmax(0,1fr)}.pickup-grid .product-card:not(:first-child){grid-template-columns:80px minmax(0,1fr);gap:16px}.pickup-grid .product-card:not(:first-child) .product-art{grid-template-columns:1fr;display:grid}.pickup-grid .product-card:not(:first-child) h3{font-size:1.6rem}.intro-note{padding-block:24px}.product-sidebar .little-message{display:none}.product-name-nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.category-list a{padding-block:8px}.story-section{grid-template-columns:24px minmax(0,1fr);gap:8px}.story-section h2{font-size:1.4rem}.about-suzuna{border-left:0;padding-left:0}.about-suzuna .suzuna-guide{grid-template-columns:112px minmax(0,1fr);gap:16px;display:grid}.link-card{grid-template-columns:24px minmax(0,1fr);column-gap:16px}.footer-garden{grid-template-columns:1fr;gap:16px;padding:24px 16px}.footer-inner{gap:16px;padding:24px 16px}.site-footer nav{margin-left:0}}
