:root{--fire:#922f25;--fire2:#54251f;--earth:#bd8236;--gold:#e6c58c;--paper:#f7f0e3;--ink:#33251f;--muted:#75665b;--line:#e3d3b8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{display:grid;grid-template-columns:minmax(280px,42%) 1fr;background:var(--fire2);min-height:150px;border-bottom:3px solid var(--earth)}.brand{display:flex;align-items:center;gap:16px;padding:22px 4vw;color:var(--gold);text-decoration:none}.brand strong{display:block;font-family:Georgia,serif;font-size:clamp(1.2rem,2.3vw,2rem);letter-spacing:.04em}.brand small{display:block;color:#f1d9b0;font-size:.82rem;margin-top:6px}.yin-yang{font-size:62px;line-height:1;color:var(--gold);text-shadow:0 0 16px #d8a84c}.header-art{background:linear-gradient(90deg,var(--fire2),transparent 40%),url('/assets/banner-kinh-dich.png') center 35%/cover;min-height:150px}.main-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--earth);padding:10px}.main-nav a{color:white;text-decoration:none;padding:8px 18px;border-radius:4px;font-weight:650}.main-nav a:hover{background:#8f4c25}.container{width:min(1120px,92%);margin:28px auto 48px;min-height:42vh}.panel,.article-card,.form-card{background:#fffaf1;border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 5px 18px #4c2a140a}.hero-title{font-family:Georgia,serif;color:var(--fire);margin-top:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.btn,button{display:inline-block;background:var(--fire);color:white;border:0;border-radius:7px;padding:10px 16px;text-decoration:none;cursor:pointer;font:inherit}.btn:hover,button:hover{background:#6f241d}input,textarea,select{width:100%;padding:11px;border:1px solid #cbb99d;border-radius:7px;background:white;font:inherit;color:var(--ink)}label{display:block;font-weight:650;margin:12px 0 5px}.form-row{margin-bottom:10px}.captcha-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.captcha-row img{width:180px;height:58px;border:1px solid var(--line);border-radius:6px}.notice{padding:12px;border-radius:7px;background:#edf6e9;border:1px solid #b6d7aa}.error{background:#fff0ed;border-color:#e5a69b}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-card{background:#fffaf1;border:1px solid var(--line);border-radius:10px;padding:18px}.post-card h2{font-size:1.2rem;line-height:1.35;margin-top:0}.post-card a{color:var(--fire)}.site-footer{background:var(--fire2);color:#f5dfb8;padding:28px 4%;text-align:center}.socials{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:10px}.socials a{color:var(--gold)}.site-footer small{color:#cfbda4}.hexagram-lines{font-size:1.8rem;letter-spacing:.2em;line-height:1.2}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{color:var(--fire)}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:9px;text-align:left}@media(max-width:700px){.site-header{grid-template-columns:1fr}.brand{padding:16px 5%}.yin-yang{font-size:48px}.header-art{min-height:105px}.grid,.post-list{grid-template-columns:1fr}.container{width:94%;margin-top:18px}.panel,.article-card,.form-card{padding:16px}.main-nav a{padding:6px 10px;font-size:.92rem}}

/* Admin tables and long-form controls */
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.7rem .8rem;border-bottom:1px solid rgba(120,90,55,.22);text-align:left;vertical-align:top}th{color:var(--earth,#5b3825);white-space:nowrap}td a{color:var(--fire,#9e3f2b);font-weight:600}textarea{max-width:100%}.admin-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem}.admin-nav a{padding:.45rem .75rem;border:1px solid rgba(120,90,55,.28);border-radius:8px;text-decoration:none}

/* Rich-text editor and readable yao symbols */
.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.editor-toolbar button{padding:5px 11px;font-size:.92rem}.rich-editor{min-height:150px;padding:12px;border:1px solid #cbb99d;border-radius:7px;background:#fff;line-height:1.65}.rich-editor:focus{outline:2px solid var(--earth);outline-offset:1px}.reading-letter{background:#f2dfbd!important;border:2px solid #bd8236!important;border-left:7px solid #922f25!important;color:#54251f}.hexagram-lines{display:flex;flex-direction:column;gap:7px;align-items:center;margin:16px 0}.hexagram-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:19px;width:100%;font-family:Arial,sans-serif;font-size:1.5rem;letter-spacing:0;line-height:1}.yao-bar{display:inline-block;width:72px;height:9px;background:#54251f;border-radius:2px}.hexagram-line.yin .yao-bar{background:linear-gradient(to right,#54251f 0 42%,transparent 42% 58%,#54251f 58% 100%)}.hexagram-line.moving .yao-bar{background:#bd8236;outline:2px solid #922f25;outline-offset:3px}.yao-mark{font-size:.8rem;font-weight:800;color:#922f25;min-width:35px}.hexagram-line.moving .yao-mark{background:#922f25;color:#fff;padding:1px 5px;border-radius:4px}@media(max-width:700px){.yao-bar{width:60px}}

/* Shared article presentation across homepage, listing and detail pages */
.post-card,.post-detail{background:#fffaf1;border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 5px 18px #4c2a140a;color:var(--ink)}
.post-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.post-card .muted,.post-detail>.muted{margin:0;color:var(--muted);font-size:.92rem}
.post-title{font-family:Georgia,serif;font-size:1.28rem;line-height:1.4;margin:0;color:var(--fire);overflow-wrap:anywhere}
.post-title a{color:var(--fire);text-decoration:none}.post-title a:hover{text-decoration:underline}
.post-excerpt{width:100%;line-height:1.7;overflow-wrap:anywhere}.post-excerpt p:first-child{margin-top:0}.post-excerpt p:last-child{margin-bottom:0}
.post-read-more{margin-top:auto;align-self:flex-start}.post-card-featured{margin-top:24px}
.post-detail{padding:clamp(18px,3vw,32px)}.post-title-detail{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.25;margin:.45rem 0 1rem}
.post-detail-excerpt{padding:14px 18px;border-left:4px solid var(--earth);background:#f7eddb;border-radius:0 8px 8px 0;margin:0 0 22px;font-size:1.03rem}
.article-content{font-size:1.03rem;line-height:1.85;overflow-wrap:anywhere}.article-content h2,.article-content h3,.article-content h4{font-family:Georgia,serif;color:var(--fire);line-height:1.35;margin-top:1.6em}.article-content ul,.article-content ol{padding-left:1.5rem}
.post-detail-actions{display:flex;justify-content:flex-start;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.rich-editor-large{min-height:300px}
@media(max-width:700px){.post-card,.post-detail{padding:16px}.post-title{font-size:1.15rem}.post-title-detail{font-size:1.65rem}}