@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Noto+Serif+Thai:wght@400;500;600;700&display=swap";.loading{min-height:60vh}:root{--bg: #f7f0e1;--surface: #fffaf0;--text: #2b1d10;--muted: #5b4936;--line: #d8c3a2;--accent: #783318;--gold: #87501f;--accent-soft: #efe0c8;--radius: 4px;--wrap: 1160px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Serif Thai",Georgia,serif;font-size:18px;line-height:1.8}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.site-header{background:#fffaf0f7;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.site-header .wrap{display:flex;align-items:center;gap:24px;min-height:60px;flex-wrap:wrap}.brand{font-family:Cinzel,Georgia,serif;letter-spacing:.06em;font-weight:700;font-size:18px;color:var(--accent);white-space:nowrap}.brand:hover{text-decoration:none}.nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.nav a{color:var(--muted);padding:6px 12px;border-radius:999px;font-size:15px;white-space:nowrap}.nav a:hover{color:var(--text);background:var(--accent-soft);text-decoration:none}.nav a.active{color:var(--gold);background:var(--accent-soft);font-weight:600}.breadcrumb{font-size:15px;color:var(--muted);margin:28px 0 -8px}.breadcrumb a{color:var(--muted)}.breadcrumb .current{color:var(--text);font-weight:600}.breadcrumb .sep{margin:0 6px}.content{padding:28px 0 8px}.content h1{font-size:36px;line-height:1.3;margin:0 0 24px}.content h2{font-size:24px;line-height:1.4;margin:36px 0 12px;color:var(--accent)}.content p{margin:0 0 14px}.content .c{text-align:center}.content ul,.content ol{margin:0 0 14px;padding-left:1.4em}.content hr{border:0;border-top:1px solid var(--line);margin:28px 0}.content figure{margin:16px 0;text-align:center}.content figure.l{text-align:left}.content figure img{border-radius:6px}.content figcaption{font-size:15px;color:var(--muted);margin-top:4px}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:12px 0 20px}.box>:last-child{margin-bottom:0}.cols{display:flex;gap:20px;align-items:flex-start;margin:8px 0}.col{min-width:0}.col>:first-child{margin-top:0}.col figure{margin:6px 0}.table-wrap{overflow-x:auto;margin:12px 0 24px;border:1px solid var(--line);border-radius:var(--radius)}.table-wrap table{width:100%;border-collapse:collapse;table-layout:auto;background:var(--surface)}.table-wrap th,.table-wrap td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;font-size:16px;word-break:normal;overflow-wrap:normal}.table-wrap th{white-space:nowrap}.table-wrap th{background:var(--accent-soft);font-weight:600}.table-wrap tr:last-child td{border-bottom:0}.children{margin:8px 0 32px}.children h2{font-size:20px;margin:0 0 12px}.children ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.children a{display:block;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text)}.children a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.pager{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 0 8px;margin-top:24px;font-size:16px}.pager a{max-width:48%}.pager .next{margin-left:auto;text-align:right}.sitemap ul{list-style:none;padding-left:0}.sitemap ul ul{padding-left:22px;border-left:1px solid var(--line);margin:4px 0 10px 6px}.sitemap li{padding:2px 0}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 0 40px;font-size:15px;color:var(--muted)}@media (max-width: 680px){body{font-size:18px}.wrap{padding:0 16px}.site-header{position:static}.site-header .wrap{gap:8px;padding-top:12px;padding-bottom:10px}.nav{margin-left:0;flex-wrap:nowrap;overflow-x:auto;width:100%}.content h1{font-size:30px}.cols{flex-wrap:wrap;gap:4px 14px}.col{flex:1 1 130px!important}.table-wrap th,.table-wrap td{white-space:nowrap;padding:8px 10px}}.home-page{margin:0 -20px}.home-hero{position:relative;min-height:670px;background-position:center;background-size:cover;overflow:hidden;border-bottom:1px solid var(--line)}.home-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#070707eb,#070707bd 34%,#07070714 78%),linear-gradient(0deg,rgba(7,7,7,.72),transparent 42%)}.home-hero__content{position:relative;z-index:1;width:min(1160px,100%);margin:0 auto;padding:132px 42px 60px}.eyebrow,.section-kicker{color:var(--gold);font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:.18em}.home-hero h1{margin:22px 0 18px;color:#f8edd8;font:600 clamp(42px,6vw,76px)/.98 Cinzel,Georgia,serif;letter-spacing:.02em;text-shadow:0 3px 28px #000}.home-hero h1 span{color:var(--gold);font-size:.68em;letter-spacing:.16em}.hero-lede{color:#d3c6b2;font-size:19px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--gold);font-size:14px;transition:.2s ease}.button:hover{text-decoration:none;transform:translateY(-2px)}.button--gold{background:var(--gold);color:#fffaf0}.button--ghost{color:#e7d5b8;background:#0a080759}.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:90px;color:var(--muted);font-size:13px}.scroll-cue span{display:block;width:42px;height:1px;background:var(--gold)}.home-section{max-width:1060px;margin:0 auto;padding:36px 42px}.home-intro{padding-top:56px}.home-comments{padding-bottom:56px}.home-section h2{margin:10px 0 18px;color:var(--text);font-size:clamp(26px,4vw,38px);line-height:1.3}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.lead-copy{color:var(--text);font-size:19px}.quote-card{position:relative;padding:28px 30px 24px;border:1px solid var(--line);background:linear-gradient(135deg,#fffaf0,#f0e2ca);box-shadow:0 16px 40px #5236191f}.quote-card p{margin:0 0 12px;color:var(--text);font-size:19px}.quote-card small{color:var(--muted)}.quote-mark{color:var(--gold);font:700 1.6em/0 Georgia,serif;vertical-align:-.3em;margin:0 4px}.home-archives{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end}.section-heading p{color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive-card{display:flex;align-items:center;gap:16px;position:relative;padding:20px;min-height:120px;border:1px solid var(--line);background:#fffaf0e6;color:var(--text);transition:.2s ease}.archive-card:last-child{grid-column:span 2}.archive-card:hover{border-color:var(--gold);background:var(--accent-soft);text-decoration:none;transform:translateY(-2px)}.archive-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--gold);color:var(--gold);font-size:22px}.archive-card__body{display:grid;gap:2px}.archive-card__body small,.note-panel>span{color:var(--gold);font:11px Cinzel,Georgia,serif;letter-spacing:.1em}.archive-card__body strong{font-size:20px;font-weight:600}.archive-card__body span{color:var(--muted);font-size:15px}.archive-arrow{margin-left:auto;align-self:flex-start;color:var(--gold);font-size:20px}.home-notes{padding-bottom:36px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-panel{padding:24px;border:1px solid var(--line);border-top:2px solid var(--accent);background:#fffaf0e6}.note-panel h3{margin:16px 0 10px;color:var(--text);font-size:22px}.note-panel p{margin:0;color:var(--muted);font-size:16px}@media (max-width: 700px){.home-page{margin:0 -16px}.home-hero{min-height:620px;background-position:62% center}.home-hero__content,.home-section{padding-left:22px;padding-right:22px}.intro-grid,.notes-grid{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.archive-grid{grid-template-columns:1fr}.archive-card:last-child{grid-column:auto}}.content .school{font-weight:600;line-height:1.3}.content .school small{display:block;font-weight:400;font-size:15px;color:var(--muted)}.content .skills figure{text-align:left;margin:0}.content .skills .cols{align-items:center}.class-tree{margin:8px 0 36px}.class-tree h2{font-size:21px;color:var(--accent);margin:0 0 4px}.ct-legend{color:var(--muted);font-size:15px;margin:0 0 20px}.ct-branches{display:grid;gap:28px}.ct-branch{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px 18px}.ct-subs{--ct-line: 2px solid #b98a4e;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin-top:20px}.ct-subs:before{content:"";position:absolute;top:-20px;left:calc(50% - 1px);height:20px;border-left:var(--ct-line)}.ct-sub{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 7px 0}.ct-sub:before{content:"";position:absolute;top:0;left:0;right:0;border-top:var(--ct-line)}.ct-sub:first-child:before{left:calc(50% - 1px)}.ct-sub:last-child:before{right:calc(50% - 1px)}.ct-sub:after{content:"";position:absolute;top:0;left:calc(50% - 1px);height:20px;border-left:var(--ct-line)}.ct-leaves{display:grid;gap:6px}.ct-node{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;padding:8px 10px;line-height:1.35;border:1px solid var(--line)}.ct-th{font-weight:600;font-size:15px}.ct-en{font-size:14px;color:var(--muted)}.ct-node.t1{min-width:180px;background:var(--accent);border-color:var(--accent);color:#fff}.ct-node.t1 .ct-th{font-size:17px}.ct-node.t1 .ct-en{color:#fffc}.ct-node.t2{background:var(--accent-soft)}.ct-node.t3{background:var(--bg);color:var(--text)}a.ct-node.t3:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}a.ct-node.t3:hover .ct-en{color:var(--accent)}@media (max-width: 680px){.ct-subs{grid-template-columns:1fr;gap:18px;margin-top:12px}.ct-subs:before,.ct-sub:before,.ct-sub:after{display:none}.ct-sub{padding:0}.ct-leaves{grid-template-columns:repeat(3,1fr)}.ct-node{padding:6px 4px}.ct-th{font-size:13.5px}.ct-en{font-size:13px}}.etc-hub{margin:0 0 32px}.etc-hub h2{font-size:21px;color:var(--accent);margin:28px 0 14px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}.item-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:14px 12px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);transition:border-color .15s,transform .15s}.item-card img{width:160px;height:160px;max-width:100%;object-fit:contain;border-radius:4px;margin-bottom:10px}.item-th{font-weight:600;font-size:16px}.item-meta{font-size:15px;color:var(--muted)}.item-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.item-card:hover .item-th{color:var(--accent)}.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.tool-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)}.tool-card img{width:40px;height:40px;object-fit:contain;flex:none}.tool-card>span{display:flex;flex-direction:column;line-height:1.4}.tool-th{font-weight:600}.tool-desc{font-size:15px;color:var(--muted)}.tool-card:hover{border-color:var(--accent);text-decoration:none}.tool-card:hover .tool-th{color:var(--accent)}.tool-card.soon{opacity:1}@media (max-width: 680px){.item-grid{grid-template-columns:repeat(2,1fr);gap:10px}.item-card img{width:100%;height:auto;max-width:160px}}.table-wrap td u{text-decoration:none}.table-wrap td a{display:block;width:100%;max-width:240px;margin:0 auto;text-align:center;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:7px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:16px;line-height:1.5;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.table-wrap td a:after{content:" ›";color:var(--accent)}.table-wrap td a:hover{border-color:#5a2410;background:#783318;color:#fff6e6;text-decoration:none}.table-wrap td a:hover:after{color:#f3d9a4}.comments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.comment-card{padding:24px 26px;border:1px solid var(--line);border-left:2px solid var(--accent);background:#fffaf0e6}.comment-no{display:block;margin-bottom:12px;color:var(--gold);font:11px Cinzel,Georgia,serif;letter-spacing:.1em}.comment-card p{margin:0 0 12px;color:var(--text);font-size:18px;line-height:1.8}.comment-card p:last-child{margin-bottom:0}@media (max-width: 700px){.comments-grid{grid-template-columns:1fr}}body{background:radial-gradient(ellipse 120% 60% at 50% 0%,#ecdcbd 0%,transparent 70%),linear-gradient(180deg,#e2cca3,#d8bd8c) fixed}.site-header{background:linear-gradient(180deg,#2f1d10,#22150b);border-bottom:2px solid #a8742f;box-shadow:0 2px 12px #28160840}.brand{color:#e6bf72}.nav a{color:#e9dcc3}.nav a:hover{color:#fff3d9;background:#e6bf7229}.nav a.active{color:#2a170a;background:#e6bf72}.site-footer{background:#22150b;color:#cdbb9b;border-top:2px solid #a8742f;margin-top:64px}.site-footer a{color:#e6bf72}.home-page{margin:0}.home-hero{margin-top:24px;border:1px solid #a8742f;border-radius:16px;box-shadow:0 14px 36px #3c230c47}html,body{overflow-x:hidden}.home-section h2:after,.content h1:after{content:"";display:block;width:120px;height:2px;margin-top:14px;background:linear-gradient(90deg,#a8742f,#e6bf72 50%,transparent)}.content h2{padding-bottom:6px;border-bottom:1px solid rgba(168,116,47,.35)}.box,.note-panel,.comment-card,.item-card,.tool-card,.quote-card,.ct-branch,.children a{background:#fffaf0;box-shadow:0 1px #7846140f,0 10px 26px #5a371417}.note-panel{border-top:3px solid #a8742f}.comment-card{border-left:3px solid #a8742f}.table-wrap th{background:#3a2414;color:#f5e6c8}.table-wrap{box-shadow:0 10px 26px #5a371417}.quote-card{background:#fffaf0;border:1px solid var(--line);border-left:3px solid #a8742f;padding:24px 26px}.quote-card p{font-size:18px;line-height:1.8}.scroll-cue{color:#f0dcb4;font-size:16px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.scroll-cue span{width:48px;height:2px;background:#e6bf72}.tool-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid #b98a4e;border-radius:6px;background:#f3e4c8;color:#783318}.tool-card:hover .tool-icon{background:#783318;color:#fff6e6;border-color:#5a2410}:root{--paper: linear-gradient(160deg, #fbf2de 0%, #f5e7c9 55%, #efdcb6 100%);--frame: #b98a4e}.box,.note-panel,.comment-card,.item-card,.tool-card,.quote-card,.ct-branch,.children a{background:var(--paper);border:1px solid var(--frame);box-shadow:inset 0 0 0 4px #fbf2dee6,inset 0 0 0 5px #b98a4e73,0 8px 22px #5a371424}.note-panel{border-top:3px solid #8a5524}.comment-card,.quote-card{border-left:3px solid #8a5524}.item-card img{background:#2a1a0e;padding:4px;border:1px solid #8a5524;box-sizing:content-box}.item-card:hover{border-color:#783318}.ct-node.t2{background:#ead3a8;border-color:#b98a4e}.ct-node.t3{background:#fbf2de;border-color:#d2b07c}a.ct-node.t3:hover{background:#783318;color:#fff6e6;border-color:#5a2410}a.ct-node.t3:hover .ct-en{color:#f3d9a4}.table-wrap{border:1px solid var(--frame)}.table-wrap table{background:#fbf2de}.table-wrap tr:hover td{background:#ead3a8}.table-wrap td{border-bottom-color:#b98a4e59}.table-wrap td a{background:#fbf2de;border-color:#b98a4e}