.guide-shell{width:min(100% - 48px,780px);margin:auto;padding:48px 0 100px;line-height:1.9;overflow-wrap:anywhere}.guide-breadcrumb,.guide-meta{font-size:max(var(--app-min-font-size, 0px), calc((13px) * var(--app-text-scale, 1)));color:var(--muted)}.guide-title{padding:36px 0}.guide-title h1{font-size:max(var(--app-min-font-size, 0px), calc((clamp(32px,5vw,52px)) * var(--app-text-scale, 1)));font-weight:620;letter-spacing:-.055em;line-height:1.3;word-break:keep-all;margin:0}.guide-summary{font-size:max(var(--app-min-font-size, 0px), calc((19px) * var(--app-text-scale, 1)));color:#454941;line-height:1.85;margin:28px 0}.guide-title .stats-kicker{margin-bottom:18px}.guide-shell section,.guide-related{border-top:1px solid var(--line);padding:32px 0;scroll-margin-top:24px}.guide-shell h2{font-size:max(var(--app-min-font-size, 0px), calc((25px) * var(--app-text-scale, 1)));letter-spacing:-.04em;line-height:1.45;margin:0 0 20px;word-break:keep-all}.guide-shell h3{font-size:max(var(--app-min-font-size, 0px), calc((18px) * var(--app-text-scale, 1)));margin:28px 0 10px;line-height:1.6}.guide-shell p,.guide-shell li,.guide-shell dd{color:#454941}.guide-shell p{margin:12px 0}.guide-shell li+li{margin-top:12px}.guide-shell ol{padding-left:24px}.guide-shell a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.guide-shell dt{font-weight:650;margin-top:18px}.guide-shell dd{margin:4px 0 0}.guide-toc{padding:24px;background:var(--public-surface);border:1px solid var(--line);margin:0 0 36px}.guide-toc ol{margin-bottom:0}.guide-toc ol{list-style:none;padding-left:0}.guide-side-index{position:fixed;z-index:20;top:50%;right:max(22px,calc((100vw - 1500px)/2));display:flex;flex-direction:column;gap:18px;padding-left:18px;transform:translateY(-50%)}.guide-side-index:before{content:"";position:absolute;top:10px;bottom:10px;left:3px;width:1px;background:#d3d4ce}.guide-side-index a{position:relative;display:flex;align-items:center;gap:12px;color:#90928c;font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)));font-weight:560;text-decoration:none;white-space:nowrap;transition:color .2s ease}.guide-side-index i{position:relative;width:7px;height:7px;margin-left:-18px;border:1px solid #aaaca5;border-radius:50%;background:#faf9f6;transition:.2s ease}.guide-side-index a:hover,.guide-side-index a[aria-current]{color:#20211f}.guide-side-index a[aria-current] i{border-color:var(--ink);background:var(--ink);box-shadow:0 0 0 4px var(--public-accent-soft)}.guide-side-index a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}@media(max-width:1180px){.guide-side-index{position:sticky;top:0;right:auto;flex-direction:row;justify-content:space-between;gap:12px;padding:16px 0;margin-bottom:24px;transform:none;background:#faf9f6;border-bottom:1px solid var(--line)}.guide-side-index:before,.guide-side-index i{display:none}.guide-side-index a{min-height:32px;font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)))}.guide-side-index a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.guide-shell section[id]{scroll-margin-top:88px}}@media(prefers-reduced-motion:reduce){.guide-side-index a,.guide-side-index i{transition:none}}.element-methods{margin:28px 0}.element-methods>div{padding:24px 0;border-bottom:1px solid var(--line)}.element-methods h4{font-size:max(var(--app-min-font-size, 0px), calc((19px) * var(--app-text-scale, 1)));line-height:1.5;letter-spacing:-.03em;margin:0 0 16px}.guide-shell .method-example{padding:16px 18px;margin:20px 0;background:var(--public-surface);font-size:max(var(--app-min-font-size, 0px), calc((15px) * var(--app-text-scale, 1)))}.method-example strong{display:block;color:var(--ink);font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)));margin-bottom:6px}.principles-intro{padding:28px 0 40px;border-top:1px solid var(--line)}.principles-intro h2{font-size:max(var(--app-min-font-size, 0px), calc((30px) * var(--app-text-scale, 1)))}.guide-shell .guide-source{font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)));color:var(--muted);margin-top:20px}.intro-statistics{display:inline-block;padding:12px 0;font-weight:650}.guide-shell .chapter-lead{font-size:max(var(--app-min-font-size, 0px), calc((19px) * var(--app-text-scale, 1)));color:var(--ink);line-height:1.8}.guide-shell .chapter-transition{margin-top:32px;padding:20px 0 0;border-top:1px solid var(--line);color:var(--ink)}.element-meanings>div{display:grid;grid-template-columns:85px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.guide-shell .element-meanings dt,.guide-shell .element-meanings dd{margin:0}.element-meanings dt{color:var(--ink)}.saju-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.saju-pillars>div{text-align:center;padding:20px 6px;background:var(--public-surface)}.saju-pillars strong,.saju-pillars span,.saju-pillars small{display:block}.saju-pillars strong{color:var(--ink);font-size:max(var(--app-min-font-size, 0px), calc((20px) * var(--app-text-scale, 1)))}.saju-pillars span{font-size:max(var(--app-min-font-size, 0px), calc((14px) * var(--app-text-scale, 1)))}.saju-pillars small{font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)));color:var(--muted)}@media(max-width:600px){.principles-intro h2{font-size:max(var(--app-min-font-size, 0px), calc((26px) * var(--app-text-scale, 1)))}.guide-shell .chapter-lead{font-size:max(var(--app-min-font-size, 0px), calc((17px) * var(--app-text-scale, 1)))}.element-meanings>div{grid-template-columns:65px 1fr;gap:10px}.saju-pillars{grid-template-columns:repeat(2,1fr)}}.element-paths{margin:24px 0;border-top:1px solid var(--line)}.element-paths>div{padding:18px 0;border-bottom:1px solid var(--line)}.element-paths strong{color:var(--ink);font-size:max(var(--app-min-font-size, 0px), calc((14px) * var(--app-text-scale, 1)))}.guide-shell .element-paths p{font-weight:650;letter-spacing:.03em;line-height:1.8;margin:8px 0 0}.guide-links{list-style:none;padding:0;margin:0 0 24px}.guide-links li{border-bottom:1px solid var(--line)}.guide-links a{display:block;padding:22px 0;text-decoration:none}.guide-links a:hover strong{text-decoration:underline}.guide-links strong{display:block;font-size:max(var(--app-min-font-size, 0px), calc((20px) * var(--app-text-scale, 1)));line-height:1.6}.guide-links span{display:block;color:var(--muted);font-size:max(var(--app-min-font-size, 0px), calc((15px) * var(--app-text-scale, 1)));line-height:1.8;margin-top:8px}.principle-map{margin:28px 0}.principle-map>div{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.guide-shell .principle-map dt,.guide-shell .principle-map dd{margin:0}.principle-map dt span{display:inline-block;margin-right:16px;color:var(--ink);font-size:max(var(--app-min-font-size, 0px), calc((13px) * var(--app-text-scale, 1)));font-weight:500}.guide-note{padding:18px 20px;border-left:3px solid var(--ink);background:var(--public-surface);font-size:max(var(--app-min-font-size, 0px), calc((14px) * var(--app-text-scale, 1)))}.guide-example{margin:24px 0;padding:22px 24px;background:var(--public-surface)}.guide-example>strong{color:var(--ink)}.guide-example ul{padding-left:20px}.guide-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0}.guide-table-wrap table{border-collapse:collapse;width:100%;font-size:max(var(--app-min-font-size, 0px), calc((15px) * var(--app-text-scale, 1)));text-align:left}.guide-table-wrap caption{text-align:left;font-size:max(var(--app-min-font-size, 0px), calc((13px) * var(--app-text-scale, 1)));color:var(--muted);padding-bottom:12px}.guide-table-wrap th,.guide-table-wrap td{padding:14px 10px;border-bottom:1px solid var(--line)}.guide-table-wrap thead{background:var(--public-surface)}.guide-table-wrap th{white-space:nowrap}@media(max-width:600px){.principle-map>div{grid-template-columns:1fr;gap:4px}.principle-map dd{padding-left:32px}.guide-table-wrap th,.guide-table-wrap td{padding:12px 6px;font-size:max(var(--app-min-font-size, 0px), calc((13px) * var(--app-text-scale, 1)))}.guide-example{padding:20px}}@media(max-width:600px){.guide-shell{width:calc(100% - 32px);padding:24px 0 64px}.guide-summary{font-size:max(var(--app-min-font-size, 0px), calc((17px) * var(--app-text-scale, 1)))}.guide-toc{padding:20px}.guide-shell h2{font-size:max(var(--app-min-font-size, 0px), calc((23px) * var(--app-text-scale, 1)))}.guide-shell .guide-title{padding:24px 0}.stats-header nav{gap:14px}.stats-header nav>a:first-child{display:block}.stats-header{gap:12px}.guide-links strong{font-size:max(var(--app-min-font-size, 0px), calc((18px) * var(--app-text-scale, 1)))}}.element-wood{--element-color:#178c63;--element-ink:#0c6547;--element-soft:#e4f2eb}.element-fire{--element-color:#e7432f;--element-ink:#b7281f;--element-soft:#fbe9e4}.element-earth{--element-color:#e3aa30;--element-ink:#825b12;--element-soft:#fbf0d4}.element-metal{--element-color:#d7d9d4;--element-ink:#48535f;--element-soft:#eceeea}.element-water{--element-color:#2759b8;--element-ink:#163d91;--element-soft:#e5ecfa}.element-palette>div{grid-template-columns:108px 1fr;align-items:center;padding:17px 0}.guide-shell .element-palette dt{display:flex;align-items:center;gap:10px;color:var(--element-ink)}.element-label{font-size:max(var(--app-min-font-size, 0px), calc((20px) * var(--app-text-scale, 1)));font-weight:700}.element-hanja{font-size:max(var(--app-min-font-size, 0px), calc((14px) * var(--app-text-scale, 1)));opacity:.65;font-weight:500}.element-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:36px 0}.element-cycle{--diagram-line:#92978f;margin:0;min-width:0;padding:24px 0 16px;border-top:1px solid var(--line)}.element-cycle figcaption{display:grid;gap:4px;text-align:left}.element-cycle figcaption strong{font-size:max(var(--app-min-font-size, 0px), calc((18px) * var(--app-text-scale, 1)));color:var(--ink)}.element-cycle figcaption span{font-size:max(var(--app-min-font-size, 0px), calc((13px) * var(--app-text-scale, 1)));color:var(--muted)}.element-cycle svg{display:block;width:100%;max-width:320px;margin:8px auto 0;overflow:visible}.element-arrows>path{fill:none;stroke:var(--diagram-line);stroke-width:1.2;stroke-linecap:round}.element-cycle text{fill:var(--element-ink);font-size:max(var(--app-min-font-size, 0px), calc((25px) * var(--app-text-scale, 1)));font-weight:650}.guide-shell .element-sequence{text-align:center;font-size:max(var(--app-min-font-size, 0px), calc((12px) * var(--app-text-scale, 1)));font-weight:500;margin:4px 0 0;color:var(--muted)}@media(max-width:600px){.element-relations{grid-template-columns:1fr;gap:16px}.element-cycle{padding:20px 0 16px}.element-palette>div{grid-template-columns:85px 1fr}}