:root{--color-primary:#1755a3;--color-primary-dark:#104482;--color-text:#192e49;--color-white:#ffffff;--color-paper:#fbf5dd;--color-panel:#eaf2fb;--color-quiz-panel:#eaf2fc;--color-line:#c5d7ec;--color-focus:#75a8e3;--color-muted:#61748b;--font-ja:'Noto Sans JP',sans-serif;--font-en:'Albert Sans',sans-serif;--font-display:'Mohave',sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--heading-sm:20px;--heading-md:24px;--heading-lg:30px;--hero-heading:36px;}:root{--paper:var(--color-paper);}*{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:100px;}body{margin:0;background:var(--paper);color:var(--ink);font:500 var(--text-base)/2 var(--font-ja);letter-spacing:.06em;}a{color:inherit;text-decoration:none;}a:focus-visible{outline:3px solid #c24e36;outline-offset:5px;}header{display:flex;align-items:center;justify-content:space-between;padding:28px 4.5%;border-bottom:1px solid #d9d9c6;}.brand{display:flex;gap:18px;align-items:center;}.brand img{width:210px;height:auto;}.brand span{font:600 22px var(--font-display);border-left:1px solid var(--ink);padding-left:18px;}.menu{font:700 var(--text-lg) var(--font-en);display:flex;gap:20px;align-items:center;}.menu span{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:48px;height:48px;}.hero{max-width:1440px;margin:auto;padding:85px 7% 90px;display:grid;align-items:center;overflow:hidden;}.eyebrow{font:600 15px var(--font-en);letter-spacing:.14em;margin:0 0 25px;}h1{position:relative;font:600 clamp(64px,8.3vw,120px)/.95 var(--font-display);letter-spacing:-.025em;margin:0;color:var(--green);}.scroll{display:flex;gap:22px;align-items:center;margin-top:45px;font:600 13px var(--font-en);letter-spacing:.08em;}.scroll span{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:40px;height:40px;font-size:22px;}.art{height:430px;position:relative;}.dotline{border-top:2px dotted var(--green);height:10px;}.contents{padding:90px 7% 110px;}.section-title{max-width:1160px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end;}.section-title>span{font-size:var(--text-base);}.section-title h2{margin:0;font:600 120px/1 var(--font-display);letter-spacing:-.03em;color:var(--green);}.index{max-width:1160px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);column-gap:45px;}.index a{padding:18px 0;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);font-size:var(--text-base);line-height:1.6;}.index a span{font:600 var(--heading-sm) var(--font-display);color:var(--green);}.index a b{margin-left:auto;font-size:23px;font-weight:500;}.index a:hover{color:#a64d39;}.topics{margin:auto;}.topic{display:grid;}.topic-head .number{font:600 var(--heading-md) var(--font-display);}.topic h2{font-size:var(--heading-md);line-height:1.6;margin:15px 0 0;letter-spacing:.04em;}.links ul{list-style:none;padding:0;margin:0;}.links li{margin:0;}.links li>a{display:block;padding:11px 28px 11px 0;position:relative;line-height:2;border-bottom:1px solid #e4e6da;font-size:var(--text-base);}.links li>a:after{content:'↗';position:absolute;right:3px;top:12px;color:var(--green);}.links li>a:hover{color:#a64d39;}.links ul.children{margin:6px 0 16px 20px;padding-left:20px;border-left:2px solid #c8d5c3;}.links ul.children a{font-size:var(--text-sm);line-height:1.8;padding-top:9px;padding-bottom:9px;}footer{padding:55px 7% 35px;}footer>a{display:flex;justify-content:space-between;font:600 28px var(--font-display);}footer>a span{font-size:var(--text-lg);}footer p{max-width:950px;font-size:11px;line-height:1.8;letter-spacing:.02em;margin-top:28px;}@media(max-width:760px){header{padding:20px 6%;}.brand img{width:155px;}.brand{gap:10px;}.brand span{padding-left:10px;font-size:var(--text-lg);}.menu{font-size:0;gap:0;}.menu span{font-size:21px;width:40px;height:40px;}.eyebrow{font-size:var(--text-xs);margin-bottom:22px;}h1{font-size:76px;}.scroll{margin-top:25px;font-size:11px;}.art{height:340px;margin:50px auto 5px;max-width:420px;}.contents{padding:55px 7% 65px;}.section-title{display:block;margin-bottom:28px;}.section-title>span{font-size:var(--text-sm);}.section-title h2{font-size:60px;margin-top:8px;}.index{grid-template-columns:1fr;column-gap:0;}.index a{font-size:var(--text-sm);padding:13px 0;}.topic-head{display:flex;align-items:baseline;gap:18px;margin-bottom:18px;}.topic h2{font-size:var(--heading-sm);margin:0;}.topic-head .number{font-size:22px;}.links li>a{font-size:var(--text-sm);line-height:1.8;}.links ul.children{margin-left:10px;padding-left:12px;}.links ul.children a{font-size:var(--text-sm);}footer{padding:35px 7%;}footer p{font-size:10px;}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}:root{--green:var(--color-primary);--line:#bdcde0;--ink:var(--color-text);--pink:#ee8d91;}header{border-bottom-color:#d1dbe7;}.hero{padding-left:6%;padding-right:4%;gap:35px;}.hero-art{height:auto;min-width:0;margin:0;}.hero-art img{display:block;width:100%;height:auto;}.contents{background:var(--color-panel);border-top:1px solid #bdcde0;padding-bottom:72px;}.index{margin-bottom:0;}.index a{border-bottom-color:#b5cbe4;}.index a:hover,.links li>a:hover{color:var(--color-primary);}.learning-content{background:var(--color-white);padding:0 0 90px;}.content-start{max-width:1160px;margin:0 auto;padding:88px 0 48px;display:flex;justify-content:space-between;align-items:center;}.content-start>span{font:600 var(--text-lg) var(--font-en);color:var(--color-primary);letter-spacing:.1em;}.content-start>p{font-size:var(--text-base);margin:0;}.topics{max-width:none;}.topic{max-width:none;padding:58px max(7%,calc((100% - 1160px)/2));grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:55px;border-top:0;}.topic:nth-child(odd){background:var(--color-white);}.topic:nth-child(even){background:#f0f5fc;}.topic-head{border-top:3px solid var(--color-primary);padding-top:20px;}.topic-head .number{color:var(--color-primary);}.topic:last-child{border-bottom:0;}.links li>a{border-bottom-color:#d2dfed;}footer{background:var(--color-primary);color:var(--color-white);}@media(max-width:760px){.hero-art{height:auto;margin:35px -2% 0;max-width:100%;width:104%;}.contents{padding-bottom:40px;}.content-start{margin:0 7%;padding:52px 0 26px;display:block;}.content-start>span{font-size:var(--text-sm);}.content-start>p{font-size:var(--text-sm);margin-top:8px;}.learning-content{padding-bottom:40px;}.topic{display:block;padding:32px 7%;}.topic-head{padding-top:16px;}.index{margin-bottom:0;}}.hero-title h1{color:var(--color-primary);}header{background:var(--color-white);}.hero{background:var(--color-paper);}.hero,header{background:var(--color-white);}.hero-art img{mix-blend-mode:normal;}.hero{min-height:560px;padding-top:55px;padding-bottom:65px;grid-template-columns:.76fr 1.24fr;}.hero-title .hero-heading{font:700 var(--hero-heading)/1.6 var(--font-ja);letter-spacing:.06em;white-space:nowrap;margin:0;color:var(--color-primary);}.hero-title .eyebrow{font-size:var(--text-sm);margin-bottom:18px;}.hero-title .scroll{font-family:var(--font-ja);font-size:var(--text-sm);letter-spacing:.04em;margin-top:32px;}@media(max-width:760px){.hero{min-height:0;display:block;padding:36px 7% 36px;}.hero-title .hero-heading{font-size:28px;line-height:1.6;white-space:normal;}.hero-title .eyebrow{font-size:var(--text-xs);margin-bottom:12px;}.hero-title .scroll{font-size:var(--text-sm);margin-top:20px;}.hero-art{margin-top:24px;}}header nav{display:flex;gap:28px;align-items:center;}header nav>a:not(.menu){font-size:var(--text-sm);color:var(--color-primary);text-decoration:underline;text-underline-offset:5px;}@media(max-width:760px){header nav{gap:16px;}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}body{overflow-wrap:anywhere;}main,article,section,.hero-title,.hero-art,.topic-head,.links,.filter-panel,.quiz-card,#quiz-app{min-width:0;}img,picture,video,svg,iframe{max-width:100%;}picture{display:block;}input,select,textarea,button{max-width:100%;}button,input,select,textarea{font-size:16px;}pre{max-width:100%;overflow-x:auto;white-space:pre;}article table{width:auto;max-width:100%;overflow-x:auto;}article th,article td{overflow-wrap:anywhere;}article :where(div,p,figure,blockquote,ul,ol){max-width:100%;}article figure{margin-inline:0;}.site-header nav,header nav{flex-wrap:wrap;}.site-header nav a,header nav>a,button,.scroll{min-height:44px;}.site-header nav a{display:inline-flex;align-items:center;}button{white-space:normal;}.hero-title .hero-heading .heading-prefix,.hero-title .hero-heading .heading-label{display:inline-block;font:inherit;}@media (min-width:761px){.hero{width:100%;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);}.section-title h2{font-size:clamp(64px,8.4vw,120px);}.section-title{gap:24px;flex-wrap:wrap;}.topic{grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:clamp(24px,3.8vw,55px);}}@media (min-width:761px) and (max-width:1024px){header,.site-header{flex-wrap:wrap;gap:20px;}.hero{padding-inline:5%;gap:24px;}.hero-title .hero-heading{font-size:30px;}.section-title{align-items:flex-start;}}@media (max-width:760px){body{font-size:16px;line-height:1.9;}header,.site-header{gap:16px;}.brand{min-width:0;}.brand img{width:145px;}.brand span{font-size:18px;}.menu span{width:44px;height:44px;flex-shrink:0;}header nav{gap:12px;}.hero{width:100%;}.hero-title .eyebrow{font-size:14px;}.hero-title .hero-heading{font-size:28px;}.hero-title .scroll{font-size:16px;}.index a,.links li>a,.links ul.children a{font-size:16px;line-height:1.9;}.index a{min-height:48px;}.links li>a{padding-block:12px;}.links ul.children{margin-left:0;padding-left:14px;}.topic-head{align-items:baseline;flex-wrap:wrap;gap:10px 16px;}.topic h2{min-width:0;}.section-title>span,footer p,.site-header nav a,.breadcrumbs,.eyebrow,time,small,.articles small,.preview-note{font-size:14px;}.site-header .brand img{width:145px;}.site-header nav{gap:8px 16px;}article{font-size:16px;}article .responsive-text-floor,article font[size="1"],article font[size="2"]{font-size:16px !important;}article img{height:auto !important;}.filter-panel{grid-template-columns:minmax(0,1fr);}.filter-panel input,.filter-panel select,#quiz-app select,#quiz-app button,#quiz-app .quiz-option{font-size:16px;}}@media (max-width:420px){header:not(.site-header){padding-inline:6%;flex-wrap:wrap;}header:not(.site-header) nav{margin-left:auto;}.brand{gap:8px;}.brand span{padding-left:8px;}.hero{padding-inline:6%;}.section-title h2{font-size:56px;}.topic-head{display:block;}.topic-head .number{display:block;margin-bottom:8px;}}header nav{display:flex;align-items:center;}header nav > a.wiki-search-pill,.site-header nav > a.wiki-search-pill{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;height:44px;min-height:44px;padding:0 18px;margin:0;box-sizing:border-box;border:1px solid var(--color-primary,#1958a4);border-radius:999px;background:var(--color-primary,#1958a4);color:#fff;font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transform:none;}header nav > a.wiki-search-pill:hover{background:#12447f;color:#fff;}header nav > a.wiki-search-pill svg{width:17px;height:17px;flex:0 0 17px;}.filter-panel{align-items:end;}.filter-panel label{display:flex;flex-direction:column;gap:8px;line-height:1.5;}.filter-panel input,.filter-panel select{display:block;width:100%;height:48px;min-height:48px;box-sizing:border-box;margin:0;padding:10px 12px;font-size:16px;line-height:24px;}.filter-panel button{min-height:48px;align-self:end;}