@font-face{font-family:"LTCT Reader KR";src:url("/fonts/ltct-noto-sans-kr-450-e719ef95d88a.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
body{font-family:"LTCT Reader KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important}
/* LLM reader quality baseline · 2026-10-07. Loaded after authored styles. */
html{scroll-padding-top:24px}body{font-size:18px;line-height:1.85;color:#26372f;overflow-wrap:anywhere}
body h1,body h2,body h3,body .lead,body .part h2,body .sources h2{font-family:"LTCT Reader KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-weight:700;letter-spacing:-.035em}
body h1,body .hero h1,body .article-hero h1,body .index-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.42;letter-spacing:-.035em}
body h2,body .article h2,body .lesson h2,body .story h2{font-size:28px;line-height:1.55}
body .essay{font-size:18px!important;line-height:1.95!important;color:#293b32}
body .lead{font-size:21px;line-height:1.9;font-weight:500}body .dek,body .hero p{font-size:19px;line-height:1.85}
body .wrap,body .article-wrap{max-width:1100px;padding:44px 28px 80px}body .article{max-width:846px;padding:28px 28px 80px;font-size:18px;line-height:1.95}
body .article-section,body .lesson{scroll-margin-top:24px}body .hero-art{height:auto;max-height:none;overflow:visible}body svg.hero-art{min-height:190px;max-height:300px;padding:24px;background:linear-gradient(140deg,#f0f5ed,#f8f4eb);border:1px solid #d4dfd3;border-radius:16px}
body .hero-art svg{height:auto;max-height:none}body .hero-grid{gap:36px}body .article-hero{padding-bottom:42px}
body .thought,body .figure{margin-left:0;margin-right:0;border:1px solid #d3ddd4;border-radius:12px;padding:24px;background:#fbfcfa;box-shadow:none;min-width:0}
body .figure-name{font-size:17px;line-height:1.6;color:#315440;padding-bottom:12px;border-bottom:1px solid #dbe4d9}
body figure:not(.hero-art) figcaption{font-size:15px!important;line-height:1.85!important;color:#526158;border-top:1px solid #e0e7dc;padding-top:14px}
body .node small,body .box small,body .owner-card span,body .card span,body .task,body .diagram-note,body .legend{font-size:15px;line-height:1.7}
body .node,body .box,body .card,body .panel{overflow-wrap:anywhere;min-width:0}body .thought p{line-height:1.8}body .card b{line-height:1.6}
body .toc{position:static;inset:auto;max-height:none;float:none;clear:both;width:auto;margin:24px 0 40px;padding:0;border:1px solid #d3ddd4;border-radius:10px;background:#f7f9f5;line-height:1.7}
body .toc summary{cursor:pointer;font-size:16px;font-weight:700;padding:16px 20px;color:#315440;min-height:48px}body .toc ol{font-size:15px;line-height:1.7;margin:0;padding:4px 22px 20px 44px}body .toc li{padding:4px 0}body .toc a{text-decoration:none;color:#345447;display:inline-block;padding:3px 0}body .toc a:hover{text-decoration:underline}body .toc:not(details){padding:20px}
body table{line-height:1.75}body .table-wrap{overflow:auto;max-width:100%}body .diagram-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}body .diagram-scroll svg{max-width:none}body .diagram-hint{font-size:14px;line-height:1.7}
body .diagram-toolbar{display:flex;justify-content:flex-end;margin:10px 0 0}body .diagram-zoom{font:inherit;font-size:14px;color:#315440;background:#fff;border:1px solid #bacdbd;border-radius:7px;padding:8px 12px;min-height:44px;cursor:pointer}
body .llm-figure-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #c3d2c5;border-radius:12px;padding:18px;color:#26372f;background:white}body .llm-figure-dialog::backdrop{background:#15271fcc}body .llm-figure-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}body .llm-figure-dialog button{font:inherit;background:#f5f8f2;border:1px solid #b9cbb9;border-radius:6px;min-height:44px;padding:8px 16px}body .llm-zoom-canvas{overflow:auto;max-height:72dvh}body .llm-zoom-canvas svg{display:block;width:max(780px,100%);max-width:none;height:auto}
body a:focus-visible,body summary:focus-visible,body button:focus-visible{outline:3px solid #b58b4b;outline-offset:3px}body .sources li{font-size:15px;line-height:1.85}
@media(max-width:820px){body .hero-grid,body .index-hero,body .pair{grid-template-columns:minmax(0,1fr)}body .hero-grid{gap:24px}body .wrap,body .article-wrap{padding:28px 18px 64px}body .article{padding:20px 18px 64px}body .hero{max-width:100%}body .hero-art{width:100%}body .pair{gap:24px}}
@media(max-width:560px){body{font-size:17px}body h1,body .hero h1,body .article-hero h1,body .index-hero h1{font-size:30px;line-height:1.48}body h2,body .article h2,body .lesson h2,body .story h2{font-size:24px;line-height:1.6}body .essay{font-size:17px!important;line-height:1.95!important}body .dek,body .hero p,body .lead{font-size:18px;line-height:1.9}body .thought,body .figure{padding:16px}body .cards,body .compare,body .wrong-right,body .owner-test{grid-template-columns:minmax(0,1fr)}body .hero-art{padding:14px}body .toc{margin:20px 0 32px}body .toc ol{font-size:15px}body .figure-name{font-size:16px}body .lesson,body .pair{padding-top:36px;padding-bottom:36px}body .article-section{margin-bottom:44px}body .eyebrow{flex-wrap:wrap;letter-spacing:.02em}body .edition{margin-left:0}body .meta{gap:8px 16px}body .prompt{font-size:15px;padding:16px}body .copy-row{flex-wrap:wrap}body .ltct-shell-nav{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}body .ltct-shell-nav a{white-space:nowrap;flex-shrink:0}body .ltct-series-bar nav{gap:8px 14px}body .series-nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body details.toc{display:none}body .diagram-toolbar{display:none}}
body .hero>.diagram-toolbar{order:3;grid-column:1/-1;margin-top:-18px}body .hero>.hero-art{order:2}body .hero>.hero-copy{order:1}body .hero>.hero-concepts{order:3;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:-12px}body .hero>.hero-concepts span{padding:5px 12px;background:#eef4eb;border:1px solid #d4dfd1;border-radius:6px;font-size:14px;color:#385541}body .hero>.diagram-toolbar{order:4}

/* Thought-picture palette: 2026-10-07. Semantic states retain their meaning. */
body :is(figure,.llm-figure-dialog) :is(.node,.card,.box,.act,.task,.owner-card,.panel,.chip,.entity,.dnode,.gnode,.dag-node,.tbox,.proposition,.step,.token-chip, .temp-card,.branch-card,.map-card,.pnode,.rule,.case,.path,.triple,.route>span,.loop-steps>span,.prune>span,.cycle>span,.counter>span,.pathline>span){
 --picture-fill:#edf5ef;--picture-edge:#8eae98;--picture-accent:#5c8367;
 background:var(--picture-fill);border-color:var(--picture-edge);color:#293b32;
 box-shadow:inset 3px 0 0 var(--picture-accent);
}
body :is(figure,.llm-figure-dialog) [data-llm-tone="blue"]{--picture-fill:#edf3fa;--picture-edge:#99afc9;--picture-accent:#6c88ae}
body :is(figure,.llm-figure-dialog) [data-llm-tone="sage"]{--picture-fill:#edf5ef;--picture-edge:#8eae98;--picture-accent:#5c8367}
body :is(figure,.llm-figure-dialog) [data-llm-tone="sand"]{--picture-fill:#fcf4e7;--picture-edge:#cfb079;--picture-accent:#b38b4a}
body :is(figure,.llm-figure-dialog) [data-llm-tone="lavender"]{--picture-fill:#f3eff8;--picture-edge:#b6a5c7;--picture-accent:#9780ac}
body :is(figure,.llm-figure-dialog) :is(.good,.right,.green,.key,.state,.leaf){--picture-fill:#eaf4ec;--picture-edge:#88ad94;--picture-accent:#548564}
body :is(figure,.llm-figure-dialog) :is(.blue){--picture-fill:#edf3fa;--picture-edge:#99afc9;--picture-accent:#6c88ae}
body :is(figure,.llm-figure-dialog) :is(.warn,.sand,.q){--picture-fill:#fcf3e4;--picture-edge:#c7a466;--picture-accent:#b08844}
body :is(figure,.llm-figure-dialog) :is(.bad,.wrong,.rose,.miss){--picture-fill:#faedeb;--picture-edge:#caa09a;--picture-accent:#b37b73}
body :is(figure,.llm-figure-dialog) :is(.node,.card,.box,.act,.task,.owner-card,.panel,.chip,.entity,.dnode,.gnode,.dag-node,.tbox,.proposition,.step,.token-chip, .temp-card,.branch-card,.map-card,.pnode,.rule,.case,.path,.triple,.route>span,.loop-steps>span,.prune>span,.cycle>span,.counter>span,.pathline>span):is(.good,.right,.green,.key,.state,.leaf,.blue,.warn,.sand,.q,.bad,.wrong,.rose,.miss){
 background:var(--picture-fill);border-color:var(--picture-edge)
}
body :is(figure,.llm-figure-dialog) .flow>.node{font-weight:600;padding:15px 18px;min-height:0}
body :is(figure,.llm-figure-dialog) .flow>.arr{line-height:1;margin:2px 0;font-size:20px}
body :is(figure,.llm-figure-dialog) .card{border-radius:10px}body :is(figure,.llm-figure-dialog) .card b{color:#2b4537}
body :is(figure,.llm-figure-dialog) table tbody tr:nth-child(even){background:#f1f6f1}
body :is(figure,.llm-figure-dialog) table th{background:#e5eee4;color:#304c38}
@media(max-width:720px){body :is(figure,.llm-figure-dialog) .flow{gap:8px}body :is(figure,.llm-figure-dialog) .flow>.node{padding:14px 16px;line-height:1.65;min-height:0}body :is(figure,.llm-figure-dialog) .flow>.arr{line-height:1;font-size:18px}}

body :is(figure,.llm-figure-dialog) svg rect.llm-svg-node{fill:var(--picture-fill);stroke:var(--picture-edge)}