:root{--color-primary:#1a2f4f;--color-primary-light:#2d4a6f;--color-primary-dark:#0f1e33;--color-surface:#f5f6f8;--color-bg:#fff;--color-bg-warm:#f8f6f2;--color-wood:#e8e2d8;--color-text:#1a1a1a;--color-text-muted:#5c6470;--color-text-inverse:#fff;--color-gold:#c8a951;--color-gold-light:#e0c878;--color-error:#c62828;--color-border:#d4d0c8;--color-border-light:#e8e4dc;--font-serif-en:"Libre Baskerville", "Georgia", serif;--font-serif-tc:"Noto Serif TC", "Songti TC", serif;--font-serif-sc:"Noto Serif SC", "Songti SC", serif;--font-sans-en:"Noto Sans", system-ui, sans-serif;--font-sans-tc:"Noto Sans TC", "PingFang TC", sans-serif;--font-sans-sc:"Noto Sans SC", "PingFang SC", sans-serif;--font-jp:"Noto Sans JP", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.25rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:5rem;--max-width:1120px;--header-height:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f1e3314;--shadow-md:0 4px 12px #0f1e331a;--transition:.3s ease;--bp-tablet:768px;--bp-desktop:1024px}[data-locale=en]{--font-serif:var(--font-serif-en);--font-sans:var(--font-sans-en)}[data-locale=zh-hans]{--font-serif:var(--font-serif-sc);--font-sans:var(--font-sans-sc)}[data-locale=zh-hant]{--font-serif:var(--font-serif-tc);--font-sans:var(--font-sans-tc)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.75}img,picture,svg{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-primary-dark);font-weight:700;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.skip-link{top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);position:absolute}.skip-link:focus{top:var(--space-md)}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-lg);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{min-height:calc(100vh - var(--header-height) - 200px)}.site-header{z-index:100;height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);background:#ffffffeb;position:sticky;top:0}.header-inner{height:var(--header-height);align-items:center;gap:var(--space-sm);display:flex}.logo-mark{flex-shrink:0;width:32px;height:32px}.logo{align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-primary-dark);font-family:var(--font-serif);font-weight:700;font-size:var(--font-size-lg);flex-shrink:1;display:flex}.logo:hover{color:var(--color-primary)}.logo-text{flex-direction:column;line-height:1.15;display:flex}.logo-name{white-space:nowrap;display:block}.logo-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-jp);letter-spacing:.04em;white-space:nowrap;font-weight:400;display:block}.nav-desktop{display:none}@media (width>=1100px){.nav-desktop{flex:auto;min-width:0;max-width:100%;display:block;overflow:visible}.nav-desktop>ul{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.05rem;margin:0;padding:0;list-style:none;display:flex}}@media (width>=1280px){.nav-desktop>ul{gap:.2rem}}.nav-item{flex-shrink:0;position:relative}.nav-link{color:var(--color-text);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:.4rem .35rem;font-size:.75rem;line-height:1.2;display:inline-flex}@media (width>=1280px){.nav-link{padding:.45rem .55rem;font-size:.8125rem}}@media (width>=1440px){.nav-link{font-size:var(--font-size-sm);padding:.45rem .65rem}}.nav-link:hover{background:var(--color-surface);color:var(--color-primary)}.nav-dropdown{z-index:200;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:220px;max-height:min(70vh,28rem);box-shadow:var(--shadow-md);padding:var(--space-sm);list-style:none;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.nav-dropdown a{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius-sm);display:block}.nav-dropdown a:hover{background:var(--color-surface);color:var(--color-primary)}.header-actions{align-items:center;gap:var(--space-xs);z-index:2;flex-shrink:0;margin-left:auto;display:flex}@media (width>=1100px){.header-actions{margin-left:0}}@media (width>=1280px){.header-actions{gap:var(--space-sm)}}.lang-toggle{background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:1px;padding:2px;display:inline-flex}.lang-toggle--bar{display:none}@media (width>=768px){.lang-toggle--bar{display:inline-flex}.lang-toggle--bar .lang-btn{min-width:2.75rem;min-height:2.75rem}}@media (width>=1100px){.lang-toggle--bar .lang-btn{min-width:2rem;min-height:1.75rem}}.lang-btn{z-index:0;min-width:2rem;min-height:1.75rem;font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;font-weight:600;line-height:1;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem .45rem;text-decoration:none;display:inline-flex;position:relative}.lang-btn.active{z-index:1;background:var(--color-primary);color:var(--color-text-inverse)}.lang-btn:hover:not(.active){color:var(--color-primary)}.search-btn,.menu-btn{border:1px solid var(--color-border-light);background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-btn:hover,.menu-btn:hover{background:var(--color-surface)}.menu-btn{display:flex}.menu-btn .icon-close,.menu-btn.is-open .icon-menu{display:none}.menu-btn.is-open .icon-close{display:block}@media (width>=1100px){.menu-btn{display:none}}body.nav-open{overflow:hidden}.mobile-nav{inset:calc(var(--header-height) + env(safe-area-inset-top,0px)) 0 0 0;background:var(--color-bg);z-index:99;overscroll-behavior:contain;padding:var(--space-md) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;display:none;position:fixed;overflow-y:auto}.mobile-nav.open{display:block}.mobile-nav-tools{gap:var(--space-sm);padding-bottom:var(--space-md);margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.lang-toggle--drawer .lang-btn{flex:1;min-width:2.75rem;min-height:2.75rem}@media (width>=768px){.lang-toggle--drawer{display:none}}.mobile-nav-shortcuts{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.mobile-nav-shortcuts a{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;min-height:44px;font-size:var(--font-size-sm);justify-content:center;align-items:center;padding:.4rem .75rem;font-weight:600;display:flex}.mobile-nav-shortcuts a.mobile-shortcut--secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.mobile-nav-shortcuts a[aria-current=page]{outline:2px solid var(--color-gold);outline-offset:2px}.mobile-nav ul{list-style:none}.mobile-nav>ul>li{border-bottom:1px solid var(--color-border-light)}.mobile-nav summary{min-height:44px;font-weight:600;font-size:var(--font-size-base);cursor:pointer;color:var(--color-primary-dark);align-items:center;padding:.5rem .25rem;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.45rem;height:.45rem;margin-left:auto;transform:rotate(45deg)}.mobile-nav details[open]>summary:after{margin-top:.25rem;transform:rotate(-135deg)}.mobile-nav>ul a{min-height:44px;color:var(--color-primary-dark);font-size:var(--font-size-base);align-items:center;padding:.5rem .25rem;display:flex}.mobile-nav details a{padding-left:var(--space-md);color:var(--color-text);font-weight:500}.mobile-nav>ul a[aria-current=page]{color:var(--color-primary);font-weight:700}.site-footer{background:var(--color-primary-dark);color:var(--color-text-inverse);padding:var(--space-3xl) 0 calc(var(--space-xl) + 4.5rem + env(safe-area-inset-bottom,0px));margin-top:var(--space-4xl)}.site-footer a{color:#ffffffd9}.site-footer a:hover{color:var(--color-gold-light)}.footer-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col h4{font-size:var(--font-size-sm);color:var(--color-gold);margin-bottom:var(--space-md);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{font-size:var(--font-size-sm)}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-sm);color:#fff9;border-top:1px solid #ffffff26;flex-wrap:wrap;display:flex}.philosophy-callout{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);padding:var(--space-xl);margin-block:var(--space-2xl)}.philosophy-callout h2{color:var(--color-gold);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.philosophy-callout ul{list-style:none}.philosophy-callout li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);position:relative}.philosophy-callout li:before{content:"✓";color:var(--color-gold);font-weight:700;position:absolute;left:0}.numbered-module{margin-bottom:var(--space-3xl);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg)}.module-header{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.module-number{background:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-text-inverse);border-radius:var(--radius-full);font-family:var(--font-serif);font-weight:700;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-title{font-size:var(--font-size-xl)}.module-body{color:var(--color-text);margin-bottom:var(--space-md)}.module-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.module-grid.has-visual{grid-template-columns:1fr}.module-grid.has-visual>.image-slot{place-self:center}.module-grid.has-visual-grid{grid-template-columns:1fr}}.module-subsection{margin-top:var(--space-lg)}.module-subsection h3{margin-bottom:var(--space-sm);font-size:1.125rem}.module-links{margin-top:var(--space-md);padding-left:1.25rem}.module-links li{margin:.35rem 0}.module-table-wrap{margin-top:var(--space-md);overflow-x:auto}.module-table{border-collapse:collapse;width:100%;font-size:.9375rem}.module-table th,.module-table td{border-bottom:1px solid var(--color-border,#ddd);text-align:left;vertical-align:top;padding:.45rem .6rem}.module-bullets{margin-top:var(--space-md);list-style:none}.module-bullets li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);position:relative}.module-bullets li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.key-insight{background:var(--color-primary-dark);color:var(--color-text-inverse);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);border-left:4px solid var(--color-gold);margin-top:var(--space-lg)}.key-insight h4{color:var(--color-gold);margin-bottom:var(--space-sm);font-size:var(--font-size-md)}.essence-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.essence-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.essence-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.module-grid.has-visual-grid .essence-grid{max-width:42rem;margin:var(--space-lg) auto 0;gap:var(--space-md)}.module-grid.has-visual-grid .essence-card{padding:var(--space-md)}.module-grid.has-visual-grid .essence-card h4{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.module-grid.has-visual-grid .essence-card ul{font-size:var(--font-size-xs)}.essence-table-wrap{max-width:42rem;margin:var(--space-lg) auto 0;-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--color-bg) 30%, #fff0) left center, linear-gradient(to left, var(--color-bg) 30%, #fff0) right center, radial-gradient(farthest-side at 0 50%, #0f1e332e, #0f1e3300) left center, radial-gradient(farthest-side at 100% 50%, #0f1e332e, #0f1e3300) right center;background-repeat:no-repeat;background-size:1.5rem 100%,1.5rem 100%,.75rem 100%,.75rem 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.essence-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000000f}.essence-table th,.essence-table td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light);text-align:center;vertical-align:middle}.essence-table th{background:var(--color-primary-dark);color:var(--color-text-inverse);font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:600}.essence-table tbody tr:nth-child(2n){background:var(--color-surface)}.essence-table td{line-height:1.4}@media (width<=640px){.essence-table-wrap{max-width:100%}}.essence-card{padding:var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);border-top:3px solid var(--color-primary)}.essence-card h4{font-size:var(--font-size-md);margin-bottom:var(--space-md)}.essence-card ul{font-size:var(--font-size-sm);list-style:none}.essence-card li{margin-bottom:var(--space-xs);padding-left:var(--space-md);position:relative}.essence-card li:before{content:"✓";color:var(--color-primary);font-size:var(--font-size-xs);position:absolute;left:0}.page-header{padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-2xl)}@media (width<=767px){.page-header{padding:var(--space-xl) 0 var(--space-lg);margin-bottom:var(--space-xl)}}.page-header .intro{color:var(--color-text-muted);max-width:65ch;margin-top:var(--space-md)}.source-attribution{margin-top:var(--space-3xl);padding:var(--space-lg);background:var(--color-bg-warm);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.source-attribution .motto{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:var(--space-md);font-style:italic;font-size:var(--font-size-md)}.hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 60%, var(--color-primary-light) 100%);min-height:70vh;color:var(--color-text-inverse);align-items:center;display:flex;position:relative;overflow:hidden}@media (width<=767px){.hero{flex-direction:column;align-items:stretch;min-height:0}}.hero:after{content:"";opacity:.05;pointer-events:none;background:url(/textures/ink-wash.svg) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{z-index:1;padding:var(--space-4xl) 0;max-width:640px;position:relative}@media (width<=767px){.hero-content{padding:var(--space-xl) var(--space-lg) var(--space-2xl)}}.hero h1{color:var(--color-text-inverse);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem)}.hero-subtitle{font-family:var(--font-jp);font-size:var(--font-size-lg);opacity:.85;margin-bottom:var(--space-xl)}.hero-cta{gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=639px){.hero-cta{align-items:stretch;gap:var(--space-sm);flex-direction:column}.hero-cta .btn{justify-content:center;width:100%;min-height:44px}.hero-cta .btn-quiet{text-underline-offset:.2em;background:0 0;border-color:#0000;align-self:center;width:auto;text-decoration:underline}}.btn{min-height:44px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition), color var(--transition);border:1px solid #0000;align-items:center;display:inline-flex}.btn-primary{background:var(--color-gold);color:var(--color-primary-dark)}.btn-primary:hover{background:var(--color-gold-light);color:var(--color-primary-dark)}.btn-outline{color:var(--color-text-inverse);background:0 0;border-color:#ffffff80}.btn-outline:hover{color:#fff;background:#ffffff1a}.pillars{gap:var(--space-xl);padding:var(--space-3xl) 0;grid-template-columns:1fr;display:grid}@media (width>=640px){.pillars{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.pillars{grid-template-columns:repeat(3,1fr)}}.pillar-card{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary)}.pillar-card h3{margin-bottom:var(--space-sm)}.pillar-jp{font-family:var(--font-jp);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.beginner-strip{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-lg);text-align:center;border-radius:var(--radius-md);margin-bottom:var(--space-3xl)}.beginner-strip a{color:var(--color-gold-light);font-weight:600}.img-fade{opacity:0;transition:opacity var(--transition)}.img-fade.loaded{opacity:1}.timeline{padding-left:var(--space-xl);position:relative}.timeline:before{content:"";background:var(--color-primary);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:var(--space-2xl);padding-left:var(--space-lg);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-xl) - 5px);background:var(--color-gold);border-radius:var(--radius-full);border:2px solid var(--color-primary);width:12px;height:12px;position:absolute;top:.5rem}.timeline-period{color:var(--color-primary);margin-bottom:var(--space-xs);font-weight:700}.dict-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.dict-table th{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-md);text-align:left;font-weight:600}.dict-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-light);vertical-align:top}.dict-table tr:hover td{background:var(--color-surface)}.dict-term-jp{font-family:var(--font-jp)}.dict-romaji{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (width<=767px){.dict-card{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.dict-table{display:none}.dict-cards{display:block}}@media (width>=768px){.dict-cards{display:none}}.category-nav{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.category-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-sans)}.category-btn.active,.category-btn:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.search-overlay{z-index:200;backdrop-filter:blur(4px);padding:var(--space-4xl) var(--space-lg);background:#0f1e3399;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-panel{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-md);overflow:hidden}.search-input-wrap{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);align-items:center;display:flex}.search-input{font-size:var(--font-size-md);font-family:var(--font-sans);padding:var(--space-sm);border:none;outline:none;flex:1}.search-results{max-height:60vh;padding:var(--space-md);overflow-y:auto}.search-group{margin-bottom:var(--space-lg)}.search-group h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-family:var(--font-sans)}.search-result{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text);display:block}.search-result:hover{background:var(--color-surface)}.search-result mark{background:var(--color-gold-light);color:inherit}