@charset "UTF-8";
.product-page{--product-radius:12px}.product-header{position:relative;background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--border);padding:20px 4%}.product-header button{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border)}.product-page .settings{position:absolute;top:90px}.product-page .section{max-width:1320px}.product-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;padding-top:60px;padding-bottom:75px}.breadcrumb{font-size:calc(12px * var(--font-scale));color:var(--text-muted);text-decoration:none}.product-kicker{margin-top:35px;display:flex;align-items:center;gap:14px}.product-kicker .badge{margin:0}.product-hero h1{text-shadow:none;font-size:calc(clamp(36px,3.5vw,58px) * var(--font-scale));line-height:1.6;letter-spacing:.035em;margin:18px 0}.product-lead{font-size:calc(18px * var(--font-scale));line-height:1.9;margin:0 0 22px}.hero-context{color:var(--text-secondary);font-size:calc(14px * var(--font-scale))}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:28px;flex-wrap:wrap}.product-page .primary{background:var(--accent);color:var(--text-on-accent)}.release-note{font-size:calc(12px * var(--font-scale));color:var(--text-muted);margin-top:20px}.product-visual{margin:0;position:relative;padding:55px 0 0;min-width:0}.visual-backdrop{position:absolute;inset:0 -16px 70px 35px;border-radius:160px 160px 12px 12px;background:linear-gradient(0deg,var(--bg-primary),transparent 55%),url('assets/summer-day-v3.webp') center/cover;opacity:.8}.product-mock{position:relative;border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;box-shadow:0 25px 60px #0005;transform:rotate(-2deg);overflow:hidden}.mock-toolbar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:14px;font-size:calc(11px * var(--font-scale))}.mock-toolbar>span:last-child{margin-left:auto;font-size:calc(8px * var(--font-scale));letter-spacing:2px;color:var(--text-muted)}.mock-dots{font-size:calc(7px * var(--font-scale));letter-spacing:3px;color:var(--success)}.mock-content{display:grid;grid-template-columns:118px 1fr;min-height:305px}.mock-content aside{padding:18px 7px;display:flex;flex-direction:column;gap:13px;font-size:calc(10px * var(--font-scale));color:var(--text-secondary);border-right:1px solid var(--border)}.mock-content aside span{padding:4px 7px}.mock-content aside b{font-size:calc(8px * var(--font-scale));letter-spacing:2px;margin:9px 7px 0;color:var(--text-muted)}.mock-selected{background:var(--bg-tertiary);color:var(--accent);border-radius:3px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:110px 110px auto;gap:6px;padding:12px}.mock-grid .photo{border-radius:3px}.mock-file{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:calc(10px * var(--font-scale));padding:8px 2px}.mock-file>span{color:var(--warning)}.mock-file small{color:var(--text-muted)}.mock-status{padding:9px 15px;border-top:1px solid var(--border);font-size:calc(10px * var(--font-scale));color:var(--text-muted)}.product-visual figcaption{position:relative;margin:23px 0 0;font-size:calc(10px * var(--font-scale));color:var(--text-muted);display:flex;justify-content:space-between;gap:8px}.product-jump{border-block:1px solid var(--border);background:var(--bg-secondary)}.product-jump>div{max-width:1240px;margin:auto;padding:16px 20px;display:flex;gap:32px;align-items:center;font-size:calc(13px * var(--font-scale));flex-wrap:wrap}.product-jump span{font-size:calc(10px * var(--font-scale));letter-spacing:2px;color:var(--success);margin-right:auto}.product-jump a{text-decoration:none}.product-jump a:hover{color:var(--accent)}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.purpose-grid article{min-width:0}.purpose-number{font-size:calc(10px * var(--font-scale));color:var(--success);letter-spacing:2px}.purpose-grid h3{font-size:calc(22px * var(--font-scale));font-family:"Yu Mincho",serif;font-weight:500;margin:16px 0}.purpose-grid p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary);margin:0 0 24px}.mini-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:100px}.mini-strip i,.compare-illustration i{display:block;border-radius:3px}.compare-illustration{height:100px;display:grid;grid-template-columns:1fr 1fr;gap:7px;position:relative}.compare-illustration span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;padding:1px 10px;color:var(--accent)}.example-tags{min-height:100px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.example-tags>span{font-size:calc(13px * var(--font-scale));padding:4px 12px;background:var(--bg-tertiary);border-radius:20px;white-space:nowrap}.example-tags .tag-star{color:var(--warning)}.edition-section{background:var(--bg-secondary);border-block:1px solid var(--border)}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edition-card{padding:32px;border:1px solid var(--border);border-radius:var(--product-radius);background:var(--bg-primary)}.edition-label{font-size:calc(11px * var(--font-scale));color:var(--success);letter-spacing:2px}.desktop-card .edition-label{color:var(--accent)}.edition-card h3{font-size:calc(28px * var(--font-scale));font-weight:500;margin:10px 0 16px}.edition-intro{color:var(--text-primary)!important;font-size:calc(16px * var(--font-scale))!important}.edition-card p,.edition-card li{font-size:calc(14px * var(--font-scale));color:var(--text-secondary)}.edition-card ul{padding-left:20px;margin:24px 0}.edition-card li{padding:5px 0}.edition-footnote{border-top:1px solid var(--border);padding-top:18px;font-size:calc(12px * var(--font-scale))!important}.edition-card .text-link{margin-top:8px}.comparison-wrap{margin-top:40px}.edition-table{border-collapse:collapse;width:100%;font-size:calc(14px * var(--font-scale));table-layout:fixed}.edition-table caption{text-align:left;font-size:calc(17px * var(--font-scale));margin-bottom:16px}.edition-table th,.edition-table td{text-align:left;padding:16px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.edition-table thead{background:var(--bg-tertiary)}.edition-table tbody th{font-weight:500}.edition-table td{color:var(--text-secondary)}.feature-context{color:var(--text-secondary);font-size:calc(14px * var(--font-scale));max-width:760px}.feature-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--product-radius);margin-top:30px}.feature-filters label{display:flex;flex-direction:column;gap:6px;font-size:calc(12px * var(--font-scale));color:var(--text-secondary);min-width:150px}.feature-filters .feature-search{flex:1;min-width:220px}.feature-filters input,.feature-filters select{width:100%;font:inherit;font-size:calc(14px * var(--font-scale));color:var(--text-primary);background:var(--bg-input);padding:10px 12px;border:1px solid var(--border);border-radius:4px;min-height:46px}.feature-filters input::placeholder{color:var(--text-muted)}.feature-filters button{font-size:calc(13px * var(--font-scale));min-height:46px}.feature-results{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:20px 0;font-size:calc(12px * var(--font-scale));color:var(--text-muted)}#featureCount{color:var(--success);white-space:nowrap}.feature-group{border-top:1px solid var(--border)}.feature-group:last-child{border-bottom:1px solid var(--border)}.feature-group>summary{padding:22px 12px;cursor:pointer;font-size:calc(18px * var(--font-scale));list-style:none;display:flex;gap:16px;align-items:center}.feature-group>summary:before{content:'+';color:var(--accent);font-size:calc(22px * var(--font-scale));width:22px}.feature-group[open]>summary:before{content:'−'}.group-count{font-size:calc(12px * var(--font-scale));color:var(--text-muted);margin-left:auto}.group-body{padding-bottom:20px}.capability{display:grid;grid-template-columns:1fr 215px;gap:24px;padding:22px 20px;border-top:1px solid var(--border);margin-left:40px}.capability h4{font-size:calc(16px * var(--font-scale));font-weight:500;margin:0 0 6px}.capability p{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);margin:0;max-width:720px}.support{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:center}.support>div{background:var(--bg-secondary);padding:8px 10px;border-radius:5px;text-align:center}.support dt{font-size:calc(10px * var(--font-scale));color:var(--text-muted)}.support dd{font-size:calc(12px * var(--font-scale));color:var(--text-primary);margin:2px 0 0}.no-features{text-align:center;border:1px dashed var(--border);padding:40px 20px}.no-features h3{font-size:calc(18px * var(--font-scale))}.no-features p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary)}.preparation{border-block:1px solid var(--border);display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.preparation h2,.product-closing h2{font-family:"Yu Mincho",serif;font-size:calc(32px * var(--font-scale));font-weight:400;line-height:1.7}.preparation>div>p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary)}.availability-note{padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:32px}.availability-note>.status-dot{display:inline-block;margin-right:9px}.availability-note strong{font-size:calc(16px * var(--font-scale));font-weight:500}.preparation-body p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary)}.preparation-body h3{font-size:calc(17px * var(--font-scale));font-weight:500;margin:28px 0 8px}.availability-note p{margin-bottom:0}.faq-list{max-width:950px}.faq-list details{border-bottom:1px solid var(--border);padding:20px 0}.faq-list summary{font-size:calc(16px * var(--font-scale));cursor:pointer;padding-right:15px}.faq-list p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary);margin:14px 25px 4px}.product-closing{text-align:center;border-top:1px solid var(--border)}.product-closing p{font-size:calc(14px * var(--font-scale));color:var(--text-secondary)}.product-closing .creation-note{font-size:calc(12px * var(--font-scale));color:var(--text-muted);margin-top:22px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[data-style=classic] .product-header{position:relative}[data-style=classic] .product-hero h1{font-family:var(--font-ui);font-size:calc(36px * var(--font-scale));margin:18px 0}[data-style=classic] .product-hero h1 br{display:block}[data-style=classic] .product-visual{display:none}[data-style=classic] .product-hero{display:block}[data-style=classic] .product-hero .hero-wording{max-width:850px}[data-style=classic] .product-kicker{margin-top:20px}[data-style=classic] .purpose-grid h3,[data-style=classic] .preparation h2,[data-style=classic] .product-closing h2{font-family:var(--font-ui)}[data-style=classic] .mini-strip,[data-style=classic] .compare-illustration{display:none}[data-style=classic] .example-tags{min-height:0}[data-style=classic] .edition-card,[data-style=classic] .feature-filters{border-radius:3px}[data-style=classic] .hero-context br{display:none}
@media(max-width:1100px){.product-hero{gap:28px}.product-hero h1{font-size:calc(39px * var(--font-scale))}.mock-content{grid-template-columns:90px 1fr}.mock-grid{grid-template-rows:90px 90px auto}.mock-content{min-height:260px}.product-lead{font-size:calc(16px * var(--font-scale))}.hero-context br{display:none}.product-visual figcaption{display:block}.product-visual figcaption span{display:block}.purpose-grid{gap:24px}.feature-filters .feature-search{flex-basis:100%}}
@media(max-width:800px){.product-hero{grid-template-columns:1fr;padding-top:30px;gap:25px}.product-visual{max-width:640px;width:100%;margin:auto;padding-top:30px}.visual-backdrop{inset:0 0 50px 30px}.product-hero h1{font-size:calc(clamp(32px,6vw,46px) * var(--font-scale))}.mock-grid{grid-template-rows:105px 105px auto}.product-header nav{font-size:calc(12px * var(--font-scale))}.product-jump>div{gap:16px;font-size:calc(12px * var(--font-scale))}.product-jump span{display:none}.purpose-grid{grid-template-columns:1fr;gap:35px}.purpose-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.purpose-grid article>.purpose-number,.purpose-grid article>h3{grid-column:1}.purpose-grid article>p{grid-column:1;margin:0}.purpose-grid article>div{grid-column:2;grid-row:1/4;height:100%;min-height:130px}.edition-card{padding:24px}.preparation{grid-template-columns:1fr;gap:20px}.capability{grid-template-columns:1fr 185px;gap:16px;margin-left:15px}.edition-table th,.edition-table td{padding:12px 9px;font-size:calc(12px * var(--font-scale))}.feature-results{display:block}.feature-results p{margin:7px 0}}
@media(max-width:560px){.product-header{padding:16px}.product-header nav{justify-content:space-between;gap:16px}.product-header .display-tools{gap:4px;font-size:calc(10px * var(--font-scale))}.product-header .display-tools button{padding:6px}.product-header .brand{font-size:calc(20px * var(--font-scale))}.product-header .leaf{font-size:calc(28px * var(--font-scale))}.product-header .brand small{font-size:calc(8px * var(--font-scale));letter-spacing:2px}.product-page .settings{top:120px}.product-page .section{padding-left:20px;padding-right:20px}.product-kicker{margin-top:25px}.product-hero h1{font-size:calc(33px * var(--font-scale))}.product-lead{font-size:calc(15px * var(--font-scale))}.hero-context{font-size:calc(13px * var(--font-scale))}.hero-actions{gap:18px}.hero-actions .button{padding:11px 16px;gap:16px}.hero-actions .text-link{font-size:calc(13px * var(--font-scale))}.release-note{font-size:calc(11px * var(--font-scale))}.mock-content{grid-template-columns:84px 1fr}.mock-grid{grid-template-rows:75px 75px auto;padding:8px;gap:4px}.mock-content aside{font-size:calc(8px * var(--font-scale));gap:8px}.mock-content aside b{font-size:calc(7px * var(--font-scale))}.mock-content aside span{padding:3px}.mock-content{min-height:230px}.mock-toolbar{font-size:calc(9px * var(--font-scale));padding:10px;gap:8px}.mock-toolbar>span:last-child{font-size:calc(6px * var(--font-scale));letter-spacing:1px}.mock-file{font-size:calc(8px * var(--font-scale));gap:5px}.mock-status{font-size:calc(8px * var(--font-scale))}.product-visual figcaption{font-size:calc(9px * var(--font-scale))}.product-jump>div{gap:10px 18px;justify-content:center}.purpose-grid article{display:block}.purpose-grid article>div{height:95px;min-height:0;margin-top:18px}.purpose-grid h3{font-size:calc(22px * var(--font-scale))}.edition-grid{grid-template-columns:1fr}.edition-card{padding:25px 22px}.edition-card h3{font-size:calc(26px * var(--font-scale))}.edition-table{table-layout:auto}.edition-table th,.edition-table td{font-size:calc(11px * var(--font-scale));line-height:1.8;padding:12px 6px}.edition-table th:first-child{width:29%}.edition-table caption{font-size:calc(16px * var(--font-scale))}.feature-filters{padding:16px;gap:13px}.feature-filters label{min-width:0;flex:1 1 100%}.feature-filters .feature-search{min-width:0}.feature-filters button{width:100%}.feature-group>summary{font-size:calc(16px * var(--font-scale));padding:20px 3px;gap:8px}.capability{display:block;margin-left:12px;padding:20px 8px}.capability h4{font-size:calc(15px * var(--font-scale))}.support{display:flex;margin-top:13px;gap:8px}.support>div{display:flex;align-items:center;gap:9px;padding:6px 9px;text-align:left}.support dd{margin:0}.support dt{font-size:calc(9px * var(--font-scale))}.support dd{font-size:calc(11px * var(--font-scale))}.availability-note{padding:20px}.faq-list summary{font-size:calc(15px * var(--font-scale))}.faq-list p{margin-left:12px;margin-right:12px}.product-closing h2{font-size:calc(25px * var(--font-scale))}.product-closing br{display:none}[data-style=classic] .product-hero h1{font-size:calc(29px * var(--font-scale))}.preparation h2{font-size:calc(28px * var(--font-scale))}}