/* Reader guide: existing archive palette, plain language, native HTML navigation. */
.has-reader-guide .site-header{height:auto;min-height:100px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}
.has-reader-guide .header-nav{flex-wrap:wrap;row-gap:8px}
.has-reader-guide .header-guide-link{color:var(--green);font-weight:500}
.has-reader-guide .brand{white-space:normal;min-width:0;max-width:100%}
.has-reader-guide .brand>span{min-width:0;overflow-wrap:anywhere}
.has-reader-guide .brand-mark{flex-shrink:0}
.guide-entry-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;max-width:420px;padding:14px 0 5px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.guide-entry-link>span:first-child{text-decoration:underline;text-underline-offset:4px}
.guide-entry-link>small{grid-column:1;color:var(--muted);font-size:10px}
.guide-entry-link>span:last-child{grid-column:2;grid-row:1 / 3;color:var(--gold);font-size:19px}
.guide-page{--paper:#f7f5ee;--paper-deep:#eeeade;--ink:#263c33;--green:#183c32;--muted:#6c746b;--line:#d9dacf;--gold:#a48448;--serif:'Hiragino Mincho ProN','Yu Mincho',YuMincho,serif;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;font-synthesis:none;color-scheme:light;-webkit-font-smoothing:antialiased}
.guide-page,.guide-page *{box-sizing:border-box}
:where(.guide-page) :where(p,h1,h2,h3,h4){margin:0}
:where(.guide-page) a{color:inherit;text-decoration:none;text-underline-offset:4px;-webkit-tap-highlight-color:transparent}
.guide-page img{max-width:100%}
.guide-page a:focus-visible,.guide-page summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.guide-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-page .skip-link{position:fixed;top:-80px;left:20px;background:var(--green);color:white;padding:15px;z-index:20}
.guide-page .skip-link:focus{top:10px}
.guide-page #guide-main:focus{outline:none}
.guide-page a:hover{color:var(--gold)}
.guide-site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:26px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}
.guide-brand{font-family:var(--serif);font-size:22px;line-height:1.5;letter-spacing:.06em}
.guide-brand small{display:block;margin-top:5px;font-family:var(--sans);font-size:10px;letter-spacing:.02em;color:var(--muted)}
.guide-site-header nav{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;font-size:12px}
.guide-site-header nav a{padding:8px 0}
.reader-guide{max-width:1120px;padding:0 32px 64px;margin:0 auto;overflow-wrap:anywhere}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);gap:64px;align-items:center;padding:56px 0 42px}
.guide-hero-copy{min-width:0}
.guide-kicker{font-size:11px;line-height:1.7;letter-spacing:.08em;color:var(--gold);margin-bottom:12px}
.guide-hero h1{font-family:var(--serif);font-size:clamp(30px,3.8vw,48px);font-weight:500;letter-spacing:.035em;line-height:1.6}
.guide-subtitle{margin-top:22px;font-size:16px;line-height:2;color:var(--ink)}
.guide-scope{margin-top:18px;padding-left:12px;border-left:2px solid #bca571;font-size:12px;line-height:1.9;color:var(--muted)}
.guide-portrait{position:relative;aspect-ratio:3/4;min-width:0;width:100%;max-width:300px;justify-self:end;overflow:hidden;border:1px solid var(--line);background:#1f3b30}
.guide-art{display:block;width:100%;height:100%;object-fit:cover}
.guide-portrait .license-badge{position:absolute;z-index:3;top:5.5%;right:4.5%;width:44%;max-width:220px;aspect-ratio:1619/971;pointer-events:none;isolation:isolate;filter:drop-shadow(0 7px 5px rgb(16 35 29 / .2)) drop-shadow(0 1px 0 rgb(255 255 255 / .6))}
.guide-portrait .license-badge:before{content:"";position:absolute;inset:auto;top:-4.86%;right:0;width:auto;height:198.6%;aspect-ratio:176/226;background:linear-gradient(130deg,rgb(255 255 255 / .1),rgb(255 255 255 / .015) 46%,rgb(255 255 255 / .14));backdrop-filter:blur(2px) saturate(1.15);-webkit-backdrop-filter:blur(2px) saturate(1.15);mask:url('assets/license-single-glass.svg') center/contain no-repeat;-webkit-mask:url('assets/license-single-glass.svg') center/contain no-repeat}
.guide-portrait .license-emblem{display:block;position:absolute;top:-4.86%;right:0;width:auto;max-width:none;height:198.6%;object-fit:contain;opacity:.7;filter:brightness(1.1) saturate(.78)}
.guide-contents{padding:23px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-contents h2{font-size:12px;font-weight:500;line-height:1.7;color:var(--muted);margin-bottom:14px}
.guide-contents ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;list-style:none;margin:0;padding:0;counter-reset:guide-toc}
.guide-contents li{min-width:0;counter-increment:guide-toc}
.guide-contents a{display:flex;gap:10px;align-items:baseline;min-height:40px;padding:8px 0;font-size:13px;line-height:1.8}
.guide-contents a:before{content:counter(guide-toc,decimal-leading-zero);font-family:Georgia,serif;color:var(--gold);font-size:12px;flex-shrink:0}
.guide-section{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.guide-section-heading{margin-bottom:24px}
.guide-section-heading .guide-kicker{margin-bottom:7px}
.guide-section h2{font-family:var(--serif);font-size:clamp(25px,2.8vw,32px);font-weight:500;line-height:1.65;letter-spacing:.04em}
.guide-section h3{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.75}
.guide-section h4{font-size:13px;font-weight:600;line-height:1.8}
.guide-prose{max-width:65em;font-size:15px;line-height:2.1}
.guide-prose p+p{margin-top:17px}
.guide-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.guide-quick li{min-width:0;padding-top:16px;border-top:2px solid #9b7b4370}
.guide-item-number{display:block;color:var(--gold);font-family:Georgia,serif;font-size:18px;line-height:1.4;margin-bottom:10px}
.guide-quick h3{font-size:19px;margin-bottom:12px}
.guide-quick p{font-size:13px;line-height:2;color:var(--muted)}
.guide-reading{font-size:11px;color:var(--muted);line-height:1.8;letter-spacing:.04em;margin-top:5px}
.guide-role{font-size:14px;line-height:1.9;color:var(--green);margin-top:12px}
.guide-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:24px 0 28px}
.guide-facts>div{display:grid;grid-template-columns:minmax(65px,.45fr) minmax(0,1.2fr);gap:14px;padding:12px 0;border-top:1px solid var(--line);min-width:0}
.guide-facts dt{font-size:12px;color:var(--muted)}
.guide-facts dd{font-size:13px;margin:0;line-height:1.9}
.guide-achievement{margin-top:29px;padding:22px 26px;border-left:3px solid var(--gold);background:#edeee4;max-width:80ch}
.guide-achievement .guide-kicker{margin-bottom:5px}
.guide-achievement h3{margin-bottom:12px}
.guide-achievement p:not(.guide-kicker){font-size:14px;line-height:2}
.guide-achievement p+p{margin-top:13px}
.guide-history{list-style:none;margin:0;padding:0}
.guide-history>li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;padding:23px 0;border-top:1px solid var(--line)}
.guide-history-index>span{font-family:Georgia,serif;font-size:24px;color:var(--gold);line-height:1.5}
.guide-history-index p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:4px}
.guide-history-body{min-width:0;max-width:65em}
.guide-history-body h3{margin-bottom:10px}
.guide-history-body>p{font-size:14px;line-height:2.05}
.guide-inline-link{display:inline-block;font-size:12px;line-height:1.9;border-bottom:1px solid #a1b09d;margin-top:13px;padding:2px 0}
.guide-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.guide-ability{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);padding:24px;background:#f8f6f0}
.guide-ability h3{font-size:21px}
.guide-ability-verb{font-size:13px;font-weight:500;color:var(--green);margin:14px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.guide-ability>p:not(.guide-reading):not(.guide-ability-verb){font-size:14px;line-height:2}
.guide-details{margin-top:19px;border-top:1px solid var(--line);padding-top:3px}
.guide-details>summary{cursor:pointer;font-size:12px;line-height:1.9;padding:13px 0;color:var(--green)}
.guide-details>summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.guide-details-body{font-size:13px;line-height:2;padding:0 0 7px}
.guide-details-body>p+p{margin-top:12px}
.guide-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:28px}
.guide-rules>div{min-width:0;border-left:2px solid #bdc7b5;padding-left:15px}
.guide-rules h3{font-size:16px;margin-bottom:8px}
.guide-rules p{font-size:13px;line-height:2;color:var(--muted)}
.guide-collections{margin-top:28px;display:grid;gap:24px}
.guide-collection{padding:25px 28px;background:#f8f6f0;border:1px solid var(--line);min-width:0;scroll-margin-top:24px}
.guide-collection-heading{display:flex;gap:20px;align-items:flex-start}
.guide-collection-heading>.guide-item-number{flex:0 0 28px;padding-top:5px;margin:0}
.guide-collection-heading>div{min-width:0}
.guide-collection h3{font-size:23px;line-height:1.8}
.guide-kind{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:4px}
.guide-collection-summary{font-size:14px;line-height:2.05;margin-top:19px;max-width:65em}
.guide-condition-group{margin:15px 0 0;max-width:65em}
.guide-condition-group h4{margin-bottom:8px}
.guide-condition-group ul{padding-left:1.3em;margin:0}
.guide-condition-group li+li{margin-top:8px}
.guide-related{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.guide-related li{min-width:0;border-top:1px solid var(--line);padding:18px 0}
.guide-related h3{font-size:18px}
.guide-related h3 a{text-decoration:underline}
.guide-related p{font-size:13px;line-height:2;color:var(--muted);margin-top:9px}
.guide-next-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid var(--green);background:var(--green);color:var(--paper);font-size:13px;line-height:1.8}
.guide-page .guide-button:hover{background:#254e3d;color:var(--paper)}
.guide-button-secondary{background:transparent;color:var(--green)}
.guide-page .guide-button-secondary:hover{background:#e9ede1;color:var(--green)}
.guide-back-top{display:inline-block;font-size:12px;margin-top:30px;padding:8px 0;border-bottom:1px solid var(--line)}
.guide-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:var(--muted)}
.guide-footer>a{text-decoration:underline}
@media(max-width:900px){.guide-hero{gap:32px;grid-template-columns:minmax(0,1.25fr) minmax(200px,.7fr)}.guide-hero h1{font-size:32px}.guide-contents ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-history>li{grid-template-columns:110px minmax(0,1fr);gap:22px}.guide-ability{padding:20px}}
@media(max-width:640px){.guide-site-header{padding:22px;gap:15px}.guide-brand{font-size:20px}.guide-site-header nav{gap:8px 18px;width:100%;font-size:11px}.reader-guide{padding:0 22px 42px}.guide-hero{grid-template-columns:1fr;gap:27px;padding:34px 0 30px}.guide-hero h1{font-size:30px}.guide-subtitle{font-size:15px;margin-top:16px}.guide-portrait{width:min(100%,240px);justify-self:center}.guide-contents{padding:20px 0}.guide-contents ol{gap:4px 16px}.guide-contents a{font-size:12px;gap:7px}.guide-section{padding:34px 0}.guide-section-heading{margin-bottom:20px}.guide-section h2{font-size:25px}.guide-quick,.guide-facts,.guide-abilities,.guide-rules,.guide-related{grid-template-columns:1fr}.guide-quick{gap:22px}.guide-quick li{padding-top:13px}.guide-quick p{font-size:14px}.guide-facts{gap:0;margin-top:20px}.guide-prose{font-size:15px}.guide-achievement{padding:19px 18px}.guide-history>li{grid-template-columns:1fr;gap:9px;padding:22px 0}.guide-history-index{display:flex;align-items:baseline;gap:14px}.guide-history-index p{margin:0}.guide-history-index>span{font-size:19px}.guide-collection{padding:21px 18px}.guide-collection-heading{gap:12px}.guide-collection-heading>.guide-item-number{flex-basis:24px}.guide-collection h3{font-size:21px}.guide-collection-summary{font-size:14px}.guide-next-links{flex-direction:column;align-items:stretch}.guide-footer{padding:24px 22px}.guide-button{padding:12px 18px}}
@media(max-width:360px){.guide-contents ol{grid-template-columns:1fr}.guide-hero h1{font-size:27px}.guide-facts>div{grid-template-columns:65px minmax(0,1fr);gap:12px}}
@media print{.guide-site-header nav,.guide-contents,.guide-next-links,.guide-back-top{display:none}.reader-guide{max-width:none;padding:0}.guide-section{padding:25px 0}.guide-hero{padding:25px 0;gap:30px}.guide-portrait{max-width:180px}.guide-ability,.guide-collection{break-inside:avoid}.guide-details{break-inside:avoid}.guide-footer{padding:15px 0}}

/* Story document: preserve the recommendation's wording and document order. */
.guide-recommendation{margin:32px 0 0;max-width:850px}
.guide-recommendation-paper{position:relative;padding:30px 36px 28px;border:1px solid #b9c1b0;outline:1px solid #d8d9ca;outline-offset:-7px;background:#fcfaf3;font-family:var(--serif)}
.recommendation-year{text-align:right;font-size:12px;line-height:1.7;color:var(--muted)}
.guide-recommendation-paper h3{text-align:center;font-size:25px;letter-spacing:.12em;margin:16px 0 24px}
.recommendation-fields{margin:0 0 24px;padding:0;font-size:14px}
.recommendation-fields>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;padding:4px 0}
.recommendation-fields dt,.recommendation-fields dd{margin:0}
.guide-recommendation-paper section+section{margin-top:24px}
.guide-recommendation-paper h4{font-family:var(--serif);font-size:16px;font-weight:500;margin:0 0 12px}
.guide-recommendation-paper section>p{font-size:14px;line-height:2.1;margin-top:10px}
.recommendation-works{list-style:none;padding:0;margin:0}
.recommendation-works li+li{margin-top:18px}
.recommendation-works h5{margin:0;font-size:14px;font-weight:600;line-height:1.9}
.recommendation-works p{font-size:14px;line-height:2.1;margin:5px 0 0;padding-left:1em}
.recommendation-signature{text-align:right;font-size:15px;margin-top:28px}
.guide-recommendation>figcaption{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}

/* The same specialization diagram and adopted first-Hatsu scores as the archive. */
.guide-nen-panel{margin:0 0 28px;padding:27px 30px 24px;background:var(--green);color:var(--paper);position:relative}
.guide-nen-panel:before{content:"";position:absolute;inset:9px;border:1px solid #ffffff1c;pointer-events:none}
.guide-nen-panel-heading p{font-size:10px;color:#c9bb8f;letter-spacing:.1em;line-height:1.8}
.guide-nen-panel-heading h3{font-size:29px;letter-spacing:.12em;margin-top:5px;color:#f3ecda}
.guide-nen-dashboard{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;margin-top:20px}
.guide-nen-chart{width:100%;max-width:360px;margin:0 auto;min-width:0}
.guide-nen-chart img{display:block;width:100%;height:auto}
.guide-nen-chart figcaption{text-align:center;color:#b7c4b0;font-size:11px;margin-top:4px}
.guide-assessment{min-width:0}
.guide-assessment h4{font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.8;margin:0 0 14px;color:#f3ecda}
.guide-score{border-top:1px solid #ffffff26;min-width:0}
.guide-score>summary{display:grid;grid-template-columns:minmax(100px,1fr) minmax(40px,1.3fr) 48px;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:11px 0;font-size:12px;line-height:1.7}
.guide-score summary::-webkit-details-marker{display:none}
.guide-score summary>span:first-child:after{content:"＋";font-size:9px;color:#c9bb8f;margin-left:6px}
.guide-score[open] summary>span:first-child:after{content:"−"}
.guide-score summary>b{text-align:right;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.3;color:#f3ecda}
.guide-score summary small{font-size:10px;margin-left:3px;color:#c3cdbb}
.guide-score-track{height:5px;background:#ffffff20}
.guide-score-track>span{display:block;height:100%;background:#c0a769}
.guide-score>p{font-size:12px;line-height:1.9;color:#c3cdbb;padding:0 0 13px}
.guide-assessment-note{border-top:1px solid #ffffff26;padding-top:16px;margin-top:20px;font-size:11px;line-height:1.9;color:#c3cdbb}
@media(max-width:760px){.guide-nen-dashboard{grid-template-columns:minmax(0,1fr);gap:28px}.guide-nen-chart{max-width:350px}.guide-recommendation-paper{padding:23px 24px}.guide-recommendation-paper h3{font-size:22px;letter-spacing:.04em}}
@media(max-width:420px){.guide-nen-panel{padding:24px 20px 22px}.guide-score>summary{grid-template-columns:minmax(88px,1fr) minmax(30px,1fr) 42px;gap:8px}.guide-score summary>b{font-size:19px}.guide-recommendation-paper{padding:22px 19px}.guide-recommendation-paper h3{font-size:20px}.recommendation-fields>div{grid-template-columns:52px minmax(0,1fr);gap:10px}}
@media print{.guide-nen-panel{print-color-adjust:exact;-webkit-print-color-adjust:exact}.guide-recommendation-paper h3,.guide-recommendation-paper h4,.recommendation-works h5{break-after:avoid}.recommendation-works li{break-inside:avoid}}