:root{font-family:'Noto Sans JP',system-ui,sans-serif;color:#edf2f8;background:#101a29;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#263957 0,transparent 34%),#101a29}a{color:inherit}button,input,select{font:inherit}.site-shell{max-width:1120px;margin:auto;padding:0 28px}.hero{padding:78px 0 53px;border-bottom:1px solid #354356}.eyebrow{color:#e8ab73;font-size:.76rem;font-weight:800;letter-spacing:.19em}.hero h1{font-size:clamp(2.35rem,5vw,4.4rem);letter-spacing:-.06em;line-height:1.35;margin:17px 0}.hero h1 span{color:#f6bc8c}.hero p,.section-heading p{color:#b4c2d0;line-height:1.9;max-width:650px}.tool-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0}.tool-nav a{padding:17px 18px;border:1px solid #43516a;border-radius:13px;text-decoration:none;background:#1b2a3c;font-weight:700;transition:.15s}.tool-nav a:hover,.tool-nav a:focus-visible,.tool-nav a.active{background:#334863;border-color:#e8ab73;outline:none}.tool-nav span{color:#e8ab73;font-size:.74rem;margin-right:10px}main{padding:38px 0 80px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(1.9rem,3.8vw,3.1rem);letter-spacing:-.045em;margin:8px 0}.section-heading p{margin:0}.feature-strip{display:flex;gap:1px;background:#354356;border:1px solid #354356;border-radius:16px;overflow:hidden;margin-bottom:26px}.feature-strip div{flex:1;background:#1b2a3c;padding:23px 28px}.feature-strip strong{display:block;color:#f6bc8c;font-size:1.65rem}.feature-strip span{color:#b4c2d0;font-size:.86rem}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.order-card{display:flex;gap:22px;align-items:flex-start;padding:28px;border-radius:16px;background:#203147;border:1px solid #43516a}.order-index{font-size:2rem;line-height:1;color:#e8ab73;font-weight:800}.order-meta{font-size:.8rem;color:#9bb4ce;font-weight:700}.order-card h3{font-size:1.35rem;margin:5px 0 9px}.order-card p{color:#c5d0dc;line-height:1.7;margin:0}.info-note{margin-top:25px;background:#1b2a3c;border-left:3px solid #e8ab73;padding:19px 23px;border-radius:0 11px 11px 0}.info-note p{color:#b4c2d0;line-height:1.8;margin:7px 0 0}.source{font-size:.79rem;color:#9cadbf;line-height:1.7;margin-top:22px}.source a{color:#f6bc8c}.footer{border-top:1px solid #354356;color:#8fa2b8;font-size:.75rem;line-height:1.7;padding:20px 0 35px}.picker-form{background:#1b2a3c;border:1px solid #43516a;border-radius:18px;padding:27px}fieldset{border:0;padding:0;margin:0 0 27px}legend{font-size:1.06rem;font-weight:800;padding:0;margin-bottom:14px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.time-grid{grid-template-columns:repeat(3,1fr)}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.choice span{display:block;padding:17px;border:1px solid #526078;border-radius:10px;background:#26374e;text-align:center;font-weight:700}.choice input:checked+span{border-color:#f2b886;background:#6b4638;color:#fff}.choice input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}.primary-button{background:#f3bb89;border:0;border-radius:10px;color:#17263a;padding:16px 28px;font-weight:800;cursor:pointer}.primary-button:hover,.primary-button:focus-visible{background:#ffd2a9}.primary-button span{margin-left:14px}.results{scroll-margin-top:25px}.result-title{margin:42px 0 18px}.result-title h3{font-size:1.8rem;margin:5px 0}.result-title p{color:#b4c2d0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.result-card{border:1px solid #43516a;background:#203147;border-radius:16px;padding:23px;display:flex;flex-direction:column}.result-card.top-pick{border-color:#e8ab73}.result-rank{font-size:.75rem;font-weight:800;color:#e8ab73}.result-card h4{font-size:1.2rem;line-height:1.5;margin:9px 0}.result-card p{color:#c5d0dc;line-height:1.7;font-size:.9rem}.result-card .fit-note{margin-top:auto;border-top:1px solid #43516a;padding-top:16px}.result-card a{color:#f6bc8c;font-size:.84rem;font-weight:700;text-decoration:none}.result-card a:hover{text-decoration:underline}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.tag-list span{font-size:.71rem;background:#384b63;color:#d4e1ed;border-radius:99px;padding:5px 9px}.map-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#1b2a3c;border:1px solid #43516a;border-radius:15px;padding:23px}.map-controls label{font-weight:800;font-size:1.05rem}.map-controls p{color:#aebed0;font-size:.84rem;margin:6px 0 0}.episode-input select{color:#fff;background:#334863;border:1px solid #7791aa;padding:11px 16px;border-radius:8px;min-width:155px}.map-notice{color:#b9c9d8;padding:20px 0;font-size:.87rem}.map-frame{position:relative;height:520px;border:1px solid #43516a;border-radius:16px;background:radial-gradient(circle at center,#304764,#1b2a3c 70%);overflow:hidden}.map-lines{position:absolute;width:100%;height:100%;inset:0}.map-lines line{stroke:#91a9c0;stroke-width:.35;stroke-dasharray:1 1}.map-person{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:102px;max-width:140px;text-align:center;background:#e7edf3;border:2px solid #9bb3c6;border-radius:12px;color:#162638;padding:10px 8px;box-shadow:0 6px 20px #0c1827a0}.map-person.main-person{background:#f7c69c;border-color:#e8ab73}.map-person strong,.map-person span{display:block}.map-person strong{font-size:.9rem}.map-person span{font-size:.68rem;color:#4b5b69}.map-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.map-details>div{background:#203147;border:1px solid #43516a;border-radius:13px;padding:18px}.map-details h3{font-size:1rem;margin:0 0 10px}.map-details ul{margin:0;padding-left:20px;color:#c5d0dc;line-height:1.9;font-size:.83rem}.embedded{background:#101a29}.embedded .site-shell{padding:0 20px}.embedded .hero,.embedded .tool-nav,.embedded .footer{display:none}.embedded main{padding:28px 0}.embedded .section-heading h2{font-size:clamp(1.7rem,3vw,2.6rem)}@media(max-width:720px){.site-shell{padding:0 17px}.hero{padding:51px 0 32px}.tool-nav{grid-template-columns:1fr}.tool-nav a{padding:13px 15px}main{padding-top:23px}.result-grid{grid-template-columns:1fr}.map-controls{align-items:stretch;flex-direction:column}.map-details{grid-template-columns:1fr}.map-frame{height:480px}.map-person{min-width:75px;max-width:100px;padding:6px 4px}.map-person strong{font-size:.76rem}.map-person span{font-size:.6rem}.feature-strip div{padding:15px}.feature-strip strong{font-size:1.25rem}.order-card{padding:20px}.choice-grid{gap:8px}.choice span{padding:13px 8px;font-size:.85rem}}@media(max-width:430px){.map-frame{height:410px}.map-person{min-width:65px;max-width:82px}.map-person strong{font-size:.66rem}.map-person span{font-size:.53rem}}
/* Link back to the blog from the guide. */
.related-link{margin:24px 0 0}.related-link a{display:inline-block;color:#17263a;background:#f3bb89;border-radius:9px;padding:13px 18px;font-weight:800;text-decoration:none}.related-link a:hover,.related-link a:focus-visible{background:#ffd2a9}
.watch-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#f6bc8c;font-size:.84rem;font-weight:700;cursor:pointer}.watch-toggle input{accent-color:#e8ab73;width:17px;height:17px}.order-progress{color:#f6bc8c;font-weight:700;margin:19px 0 0}
.search-panel[hidden]{display:none}.search-mode-grid{margin-bottom:2px}.mode-button{border:1px solid #526078;background:#26374e;color:#edf2f8;border-radius:10px;padding:16px;cursor:pointer;font-weight:800;text-align:center}.mode-button:hover,.mode-button:focus-visible,.mode-button.active{border-color:#f2b886;background:#6b4638;color:#fff}.mode-button:focus-visible,.all-button:focus-visible,.picker-select:focus-visible{outline:3px solid #fff;outline-offset:2px}.select-label{display:block;font-size:1.06rem;font-weight:800;margin:0 0 12px}.picker-select{display:block;width:100%;color:#fff;background:#334863;border:1px solid #7791aa;padding:13px 16px;border-radius:9px;margin:0 0 24px}.form-hint{color:#b4c2d0;font-size:.87rem;margin:0 0 28px}.all-button{display:block;margin:22px auto 0;background:transparent;color:#f6bc8c;border:1px solid #e8ab73;border-radius:10px;padding:13px 22px;font-weight:800;cursor:pointer}.all-button:hover{background:#334863}@media(max-width:720px){.search-mode-grid{grid-template-columns:1fr}}
.result-card a + a{margin-top:9px}
.related-product{margin-top:18px;padding-top:17px;border-top:1px solid #43516a;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.related-product strong{color:#edf2f8;font-size:.88rem}.related-product span{color:#f6bc8c;font-size:.83rem}.related-product .rakuten-link{min-height:134px;display:flex;align-items:center}.related-product .rakuten-link a{margin:0}.related-product small{color:#9cadbf;font-size:.7rem;line-height:1.6}