:root{--color-bg:#f4f1eb;--color-surface:#fbfaf7;--color-text:#1d1c1a;--color-muted:#66625c;--color-border:#d8d3ca;--color-focus:#174ea6;--content-width:76rem;--page-gutter:clamp(1.25rem, 4vw, 4rem);--section-space:clamp(4rem, 8vw, 7.5rem);--radius-small:.5rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.7}body{background:var(--color-bg);min-width:20rem;margin:0}a{color:inherit}a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip-link{z-index:10;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-small);padding:.65rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header,.hero,.section-shell,.site-footer{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding-inline:var(--page-gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;display:flex}.wordmark{letter-spacing:-.03em;font-size:1.05rem;font-weight:750;text-decoration:none}.site-header nav{gap:clamp(1rem,3vw,2rem);display:flex}.site-header nav a{color:var(--color-muted);font-size:.875rem;text-decoration:none}.site-header nav a:hover{color:var(--color-text);text-underline-offset:.3em;text-decoration:underline}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding-block:clamp(3.5rem,7vw,6.5rem);display:flex}.eyebrow{color:var(--color-muted);letter-spacing:.14em;margin:0 0 1.5rem;font-size:.78rem;font-weight:700}.hero h1,.section-heading h2,.product h3{letter-spacing:-.055em;margin:0;font-weight:650;line-height:1.08}.hero h1{max-width:100%;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1.16}.hero__lead{max-width:40rem;color:var(--color-muted);margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:clamp(1rem,1.6vw,1.2rem)}.hero__jump,.text-link{text-underline-offset:.3em;align-items:center;gap:.65rem;min-height:2.75rem;font-weight:650;text-decoration-thickness:1px;display:inline-flex}.hero__jump{margin-top:2rem}.section-shell{padding-block:var(--section-space);border-top:1px solid var(--color-border)}.section-heading{max-width:46rem;margin-bottom:clamp(2.5rem,4vw,3.5rem)}.section-heading h2{max-width:100%;font-size:clamp(2.4rem,4.5vw,4.5rem)}.section-heading>p:last-child{max-width:38rem;color:var(--color-muted);margin:1.5rem 0 0}.product-index{border-block:1px solid var(--color-border);margin-bottom:clamp(3.5rem,6vw,5rem);padding-block:1rem}.product-index__label{color:var(--color-muted);letter-spacing:.12em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.product-index__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem clamp(1rem,2vw,2rem);margin:0;padding:0;list-style:none;display:grid}.product-index__list a{align-items:baseline;gap:.55rem;min-height:2.75rem;padding:.65rem .25rem;font-weight:650;text-decoration:none;display:flex}.product-index__list a:hover{text-underline-offset:.3em;text-decoration:underline}.product-index__number{color:var(--color-muted);flex:none;font-size:.75rem;font-weight:700}.product-index__name{overflow-wrap:anywhere;min-width:0}.product-index__arrow{color:var(--color-muted);margin-left:auto}.product-list{gap:clamp(4.5rem,7vw,7.5rem);display:grid}.product{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,4vw,4rem);scroll-margin-block-start:2rem;display:grid}.product:nth-child(2n) .product__visual{order:2}.product:nth-child(2n) .product__content{order:1}.product__visual{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-small);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;width:100%;min-width:0;min-height:0;padding:clamp(1.5rem,3vw,2.5rem);display:grid;overflow:hidden}.product--sekainote .product__visual{background:#e6eff0}.product--easy-it .product__visual{background:#ece8e1}.product--crossword .product__visual{background:#e8e8e5}.product--eol .product__visual{background:#e4e9e5}.product__visual--screenshot{background:var(--color-surface);padding:0;display:block}.product__screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.product__visual-index,.product__visual-label{letter-spacing:.12em;font-size:.7rem;font-weight:700}.product__visual-label{justify-self:end}.product__visual-name{letter-spacing:-.055em;overflow-wrap:anywhere;grid-column:1/-1;align-self:end;font-size:clamp(2.3rem,4.5vw,5rem);font-weight:700;line-height:1.08}.product__content{min-width:0;max-width:31rem}.product h3{font-size:clamp(2.15rem,4vw,4rem)}.product__tagline{margin:1.25rem 0 0;font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:650;line-height:1.5}.product__description{color:var(--color-muted);margin:.9rem 0 1.25rem}.about{grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);gap:clamp(3rem,8vw,8rem);display:grid}.about .section-heading{margin:0}.about__body{max-width:36rem;color:var(--color-muted);align-self:end}.about__body p{margin:0}.about__body p+p{margin-top:1.5rem}.site-footer{border-top:1px solid var(--color-border);min-height:12rem;color:var(--color-muted);grid-template-columns:1fr auto auto;align-items:end;gap:2rem;padding-block:2.5rem;display:grid}.site-footer p,.site-footer small{margin:0;font-size:.8rem}.categories{padding-block:clamp(2.75rem,5vw,4.5rem)}.categories .section-heading,.category-more .section-heading{margin-bottom:2rem}.category-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.category-links>li{min-width:0}.category-link{border-top:1px solid var(--color-border);flex-direction:column;gap:.35rem;min-height:100%;padding:1.25rem .15rem 1.5rem;text-decoration:none;display:flex}.category-link:hover .category-link__name{text-underline-offset:.24em;text-decoration:underline}.category-link__label{color:var(--color-muted);letter-spacing:.12em;font-size:.75rem;font-weight:700}.category-link__name{letter-spacing:-.045em;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:650;line-height:1.3}.category-link__description{color:var(--color-muted);font-size:.925rem;line-height:1.7}.category-link__count{margin-top:auto;padding-top:.8rem;font-size:.875rem;font-weight:650}.category-hero{padding-block:clamp(3rem,6vw,5.5rem)}.category-breadcrumb{color:var(--color-muted);flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;font-size:.875rem;display:flex}.category-breadcrumb a{text-underline-offset:.25em}.category-more{padding-block:clamp(3rem,5vw,5rem)}.category-back{text-underline-offset:.3em;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:2rem;font-weight:650;display:inline-flex}.error-hero{min-height:clamp(28rem,68vh,42rem)}.error-actions{flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;display:flex}.error-action{text-underline-offset:.3em;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.65rem 0;font-weight:650;display:inline-flex}.error-action--primary{border:1px solid var(--color-text);border-radius:var(--radius-small);background:var(--color-text);color:var(--color-bg);padding-inline:1rem;text-decoration:none}.error-action--primary:hover{color:var(--color-text);background:0 0}@media (width<=52rem){.hero{padding-block:clamp(3rem,7vw,4.5rem)}.product-index__list{grid-template-columns:repeat(2,minmax(0,1fr))}.product,.about{grid-template-columns:1fr}.product:nth-child(2n) .product__visual,.product:nth-child(2n) .product__content{order:initial}.product__visual{min-height:0}.product__content{max-width:38rem}.site-footer{grid-template-columns:1fr;align-items:start;min-height:auto}}@media (width<=30rem){.site-header{flex-wrap:wrap;gap:.5rem 1rem;min-height:4.75rem;padding-block:.75rem}.product-index__list{grid-template-columns:1fr;gap:0}.product-index{margin-bottom:3rem}.site-header nav{gap:.9rem}.site-header nav a{font-size:.78rem}.hero h1{font-size:clamp(1.7rem,7.5vw,3.2rem);line-height:1.2}.section-heading h2{font-size:clamp(1.9rem,7.2vw,2.6rem)}.product__visual{aspect-ratio:16/10;min-height:0}.product__visual-name{font-size:clamp(2rem,9.5vw,3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}