:root{--ink:#14252d;--muted:#60727a;--paper:#f4f6f2;--line:#d5dfda;--accent:#c5f36a;--dark:#101e27}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.045em}h1{font-size:clamp(48px,5.3vw,84px);font-weight:900}h2{font-size:clamp(32px,3.7vw,56px);font-weight:800}h3{font-size:24px}p+ p{margin-top:18px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.nav{height:88px;padding:0 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.nav nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.nav nav>a{text-decoration:none}.nav button{background:none;border:0;cursor:pointer;color:var(--ink);font-size:13px}.nav-cta{background:var(--ink);color:white;padding:10px 19px;border-radius:5px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:25px}.hero{padding-top:78px;display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center}.hero h1{margin-bottom:25px}.hero-sub{font-size:clamp(19px,1.8vw,26px);font-weight:700;line-height:1.7}.lead{font-size:15px;color:var(--muted);margin-top:22px;line-height:2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:5px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #14252d20}.primary{background:var(--accent);color:var(--ink)}.secondary{border:1px solid #74878b;background:transparent}.fine{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.8}.hero-visual{background:var(--dark);color:#c8d6d9;border:1px solid #314651;border-radius:12px;box-shadow:16px 22px 0 #dce5dc;overflow:hidden;transform:rotate(-1.5deg)}.hero-visual>img{width:100%}.visual-top,.visual-bottom{padding:17px;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1px}.visual-top>span:last-child{margin-left:auto}.visual-bottom{justify-content:space-between;font-size:10px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-index{grid-column:1/-1;margin-top:30px;padding:22px 0;border-top:1px solid var(--line);display:flex;gap:40px;font-size:10px;letter-spacing:3px;font-weight:700}.problem{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-head>p{color:var(--muted);font-size:15px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.problem-grid article{border-top:2px solid var(--ink);padding-top:20px}.problem-grid article>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.problem-grid h3{margin:24px 0 16px}.problem-grid p{font-size:14px;color:var(--muted)}.feature-band{background:var(--dark);color:var(--paper)}.feature-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;padding-top:95px;padding-bottom:95px}.feature-row h2{margin-bottom:28px}.feature-row p:not(.eyebrow){font-size:15px}.feature-row ul{padding-left:20px;font-size:13px;line-height:2.2;margin-top:25px}.shot{display:block;text-decoration:none}.shot img{width:100%;border:1px solid #78909655;border-radius:7px;box-shadow:0 20px 45px #00000017}.shot>span{display:block;margin-top:13px;font-size:11px;letter-spacing:.2px;color:var(--muted)}.feature-band .shot>span{color:#b0c2c7}.reverse{direction:rtl}.reverse>*{direction:ltr}.library{padding:30px 0 100px}.gallery-main{max-width:900px;margin:auto}.gallery-main img{max-height:650px;object-fit:contain;background:#e5eae5}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.editions{padding:95px 0;background:#e4ebdf}.section-intro{margin:25px 0 40px;color:var(--muted)}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.edition{background:var(--paper);padding:38px;border:1px solid #c8d4c5;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.edition .eyebrow{margin-bottom:15px}.edition h3{font-size:27px;margin-bottom:20px}.edition>p:not(.eyebrow):not(.fine){font-size:14px;min-height:55px}.edition ul{padding-left:20px;font-size:14px;line-height:2.3;margin:20px 0 30px}.edition .button{margin-top:auto;width:100%}.featured{background:var(--dark);color:white;border-color:var(--dark)}.featured .fine{color:#b5c6cc}.faq{padding:100px 0}.faq h2{margin-bottom:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:25px 0;cursor:pointer;font-size:17px;font-weight:600}.faq details p{padding:0 25px 26px 0;font-size:14px;color:var(--muted);max-width:900px}.history-links{padding:45px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.history-links h2{font-size:34px}.history-links>div:last-child{display:flex;flex-direction:column;justify-content:center}.history-links a{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;text-decoration:none}.last-call{text-align:center;padding:90px 24px;background:var(--dark);color:white}.last-call h2{margin-bottom:35px;font-size:clamp(38px,4.5vw,64px)}footer{padding:50px 48px;display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line)}footer p{font-size:13px;color:var(--muted);text-align:right}footer>div{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}footer small{font-size:11px;color:var(--muted);text-align:right}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #347d97;outline-offset:5px}.subpage{padding-top:75px;padding-bottom:100px;min-height:65vh}.subpage h1{font-size:clamp(34px,4vw,58px);margin-bottom:35px}.subnav{display:flex;gap:25px;margin-bottom:40px}.history-table{width:100%;border-collapse:collapse;margin:35px 0}.history-table caption{text-align:left;font-size:13px;margin-bottom:12px;color:var(--muted)}.history-table th,.history-table td{padding:30px;text-align:left;vertical-align:top;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-table th{width:1%;padding-left:18px;padding-right:18px;white-space:nowrap;font-size:26px}.history-table small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.history-table h2{font-size:24px}.history-table ul{padding-left:20px;font-size:14px}.narrow{max-width:900px}.narrow .button{margin-top:30px}.back{display:block;margin-top:25px}.policy{margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.policy h2{font-size:25px;margin-bottom:25px}.policy p{font-size:14px}
@media(min-width:1500px){.hero{gap:70px}.hero-visual{margin-right:-15px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{padding:0 24px}.nav nav{gap:16px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero .actions{flex-direction:column;align-items:flex-start}.hero-visual{box-shadow:9px 13px 0 #dce5dc}.feature-row{gap:30px}.problem-grid{gap:22px}.edition{padding:28px}.hero h1{font-size:52px}}@media(max-width:700px){.nav{height:72px;padding:0 20px}.nav nav>a:not(.nav-cta){display:none}.nav nav{gap:12px}.nav-cta{padding:8px 12px}.brand{font-size:22px}.wrap{width:calc(100% - 40px)}.hero{padding-top:45px;grid-template-columns:1fr;gap:38px}.hero h1{font-size:60px}.hero .actions{flex-direction:row;align-items:stretch}.hero .button{font-size:12px;padding:12px 17px}.hero-visual{transform:none;box-shadow:7px 10px 0 #dce5dc}.hero-index{grid-column:auto;margin-top:10px;gap:22px;font-size:9px}.problem{padding:60px 0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:25px}.problem-grid{grid-template-columns:1fr;gap:30px}.problem-grid h3{margin:12px 0}.feature-row{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:35px}.feature-row h2{font-size:38px}.gallery-pair{grid-template-columns:1fr;gap:28px;margin-top:28px}.library{padding-bottom:60px}.editions{padding:60px 0}.edition-grid{grid-template-columns:1fr}.edition{padding:28px}.faq{padding:60px 0}.faq summary{font-size:15px}.history-links{grid-template-columns:1fr;padding:20px 0 60px}.last-call{padding:60px 20px}footer{padding:35px 20px;grid-template-columns:1fr}footer p,footer small{text-align:left}.history-table th,.history-table td{padding:17px 10px}.history-table th{padding-left:10px;padding-right:10px;font-size:22px}.history-table h2{font-size:20px}.eyebrow{letter-spacing:1.5px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Compact home layout with directly accessible document links. */
.quick-nav{display:flex;gap:12px 25px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px}.quick-nav a{text-decoration:none}.quick-nav a:hover{text-decoration:underline}.hero{padding-top:45px;padding-bottom:45px}.hero h1{font-size:clamp(44px,4.6vw,68px)}.hero-sub{font-size:21px}.hero .eyebrow{margin-bottom:16px}.hero .lead{font-size:14px}.problem{padding:35px 0 45px}.problem>h2{font-size:28px;margin-bottom:25px}.problem-grid h3{font-size:21px;margin:14px 0 10px}.editions{padding:45px 0 55px}.editions h2{font-size:34px}.editions .eyebrow{margin-bottom:12px}.section-intro{margin:15px 0 25px}.edition{padding:27px}.edition h3{font-size:23px;margin-bottom:12px}.edition ul{margin:14px 0 23px;line-height:2}.edition .fine{margin-top:12px}footer{padding-top:28px;padding-bottom:28px}@media(max-width:700px){.quick-nav{gap:10px 18px;font-size:11px;padding-top:14px;padding-bottom:14px}.hero{padding-top:30px;padding-bottom:30px;gap:27px}.hero h1{font-size:49px}.hero-sub{font-size:19px}.problem{padding:30px 0}.problem-grid{gap:22px}.editions{padding:35px 0}.edition{padding:24px}}

/* Readable document layout, shared with the edition guides. */
:root{--accent:#17665c;--paper:#edf1ee;--muted:#52656e;--line:#d7e1df}
body{font-family:"Segoe UI","Yu Gothic UI",Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.8}
h1,h2,h3{letter-spacing:-.025em}.wrap{width:min(1200px,calc(100% - 64px))}
.nav{height:auto;min-height:80px;background:#101d25;color:#f5f8f2;border-color:#30403f}.nav button{color:#f5f8f2}.nav-cta{background:#d2fb73;color:#15252d}
.quick-nav{gap:12px 30px;font-size:14px;padding-top:20px;padding-bottom:20px}.quick-nav a{color:#17665c}
.hero{padding-top:40px;padding-bottom:40px;gap:40px}.hero h1{font-size:clamp(36px,4vw,56px)}.hero-visual{transform:none;box-shadow:0 12px 30px #15252d18}.hero .lead{font-size:16px}
.problem{background:white;border:1px solid var(--line);border-radius:16px;padding:32px;margin-top:12px;margin-bottom:32px}.problem-grid p{font-size:15px}
.editions{background:transparent;padding:10px 0 48px}.edition{background:white;border-radius:16px;padding:30px}.featured{background:#f0f2fc;color:var(--ink);border-color:#d6ddef}.featured .fine{color:var(--muted)}.edition .primary{background:#455ca6;color:white}.edition .button{font-size:16px;min-height:50px}.edition>p:not(.eyebrow):not(.fine),.edition ul{font-size:15px}.edition .fine{font-size:14px}.edition .button{margin-top:0}
.edition-links{display:grid;gap:10px;width:100%;margin-top:16px}.edition-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 16px;background:#edf5ee;border:1px solid #cfdfd2;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;color:#17665c}.featured .edition-links a{background:#e6eafa;color:#394d8b;border-color:#d1d8ee}.edition-links a:hover{filter:brightness(.97)}
.subpage{padding-top:36px;padding-bottom:56px}.subpage h1{font-size:clamp(28px,3.1vw,42px);line-height:1.45;margin-bottom:24px}.subpage .eyebrow{margin-bottom:12px;color:#17665c}.subpage>.button{margin-bottom:22px}.subnav{flex-wrap:wrap;font-size:15px}
.install-guide.narrow{max-width:1080px}.section-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px 0 24px;border-bottom:1px solid #cbd8d2;margin-bottom:28px}.section-nav a{font-size:15px;color:#17665c;text-decoration:none}.section-nav a:hover{text-decoration:underline}
.install-guide .policy{background:white;border:1px solid #dbe3dd;border-radius:16px;padding:clamp(22px,3vw,36px);margin:0 0 24px;scroll-margin-top:24px}.install-guide .policy h2{font-size:25px;margin-bottom:20px;line-height:1.5}.install-guide .policy h2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#17665c;margin-right:12px;vertical-align:middle}.install-guide .policy p{font-size:16px;margin:16px 0}.install-guide .policy p:last-child{margin-bottom:0}.install-guide h3{font-size:20px;margin:24px 0 12px}.install-guide ol{padding-left:1.6em;margin:20px 0}.install-guide li+li{margin-top:14px}.install-guide code{overflow-wrap:anywhere}.install-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#edf4ef;border:1px solid #d7e1df;border-radius:8px;font-size:14px}.note{font-size:15px;background:#edf4ef;border-left:3px solid #86a86c;padding:16px 20px;margin:18px 0;border-radius:0 8px 8px 0;list-style:none}
.history-table{background:white}.history-table th{background:#edf5ee}.history-table th,.history-table td{padding-top:22px;padding-bottom:22px}.history-table td{font-size:16px}.history-table ul{font-size:15px}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{padding:14px 16px;min-height:72px}.quick-nav{font-size:13px;gap:12px 20px}.hero h1{font-size:38px}.hero-sub{font-size:19px}.problem{padding:24px}.edition{padding:24px}.subpage{padding-top:26px}.install-guide .policy{padding:22px}.install-guide .policy h2{font-size:22px}.section-nav{gap:12px 20px}.history-table th,.history-table td{padding-top:18px;padding-bottom:18px}.history-table td{padding-left:12px;padding-right:12px}.subnav{gap:18px}}

.screenshots-section{padding-top:12px;padding-bottom:48px}.screenshots-section h2{font-size:30px;margin-bottom:24px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screenshot-grid figure{margin:0;min-width:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.screenshot-grid figure>a{display:flex;align-items:center;justify-content:center;padding:16px;background:#e3e9e2;aspect-ratio:1.5}.screenshot-grid img{max-height:100%;width:100%;object-fit:contain}.screenshot-grid figcaption{padding:16px 20px;font-size:15px;line-height:1.7}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr;gap:18px}.screenshots-section h2{font-size:26px}}