/* Cổ thành hoàng hôn: approved parchment / jade / brass art direction. */
:root{--ink:#173e34;--paper:#faf3e3;--bg:#efe3c9;--muted:#5c695b;--line:#cbb37f;--accent:#24614e;--cta:#205540;--radius:7px;--control-bg:#fffaf0;--control-fg:#173e34;--action-bg:#205540;--action-fg:#fffaf0}
html{color-scheme:light!important}
html body.jade-site.theme-citadel{--control-bg:#fffaf0;--control-ink:#173e34;--control-muted:#5c695b;--control-border:#ac9566;--action-bg:#205540;--action-ink:#fffaf0;--secondary-bg:#f2e5c6;--secondary-ink:#173e34;--code-ink:#715124;background:#efe3c9!important;color:#173e34!important}
body.theme-citadel .site-shell{max-width:1600px;background:var(--paper);box-shadow:0 0 70px #7d62331a}
body.theme-citadel :is(h1,h2,h3,h4){font-family:'Noto Serif','Times New Roman',serif!important;color:var(--ink);font-weight:700}
body.theme-citadel .site-header{padding:8px 5%;background:#faf3e3f5;min-height:100px;border-bottom:1px solid #cbb37f80}
body.theme-citadel .brand{height:84px;width:190px;max-width:22%}
body.theme-citadel .brand img{height:84px;width:190px;object-fit:contain}
body.theme-citadel .site-nav{gap:17px}
body.theme-citadel .site-nav a{font-size:12px;color:#173e34}
body.theme-citadel .account-nav .jade-button{padding:10px 14px;min-height:40px;font-size:11px}
body.theme-citadel .jade-button{border-radius:5px;border-color:#205540;background:#205540;color:#fffaf0!important;box-shadow:inset 0 0 0 1px #ffffff1a}
body.theme-citadel .jade-button.secondary{color:#173e34!important;background:#faf3e3;border-color:#58715b}
body.theme-citadel .design-home{background:radial-gradient(ellipse at 5% 65%,#d9c49b30,transparent 40%),#faf3e3}
body.theme-citadel .design-hero{min-height:610px;background:#faf3e3}
body.theme-citadel .design-hero-art{background-image:linear-gradient(90deg,#faf3e330 0%,#faf3e345 33%,transparent 49%),url('/assets/design/hero.png?v=1');background-size:cover;background-position:center 48%}
body.theme-citadel .design-hero-copy{width:51%;padding:60px 0 38px 6%}
body.theme-citadel .design-hero h1{font-size:clamp(34px,3.4vw,57px);letter-spacing:-1.8px;line-height:1.12;font-weight:800;margin:20px 0}
body.theme-citadel .design-eyebrow{font-size:9px;letter-spacing:2px;color:#6d552a}
body.theme-citadel .design-intro{max-width:355px;color:#304a3d;font-size:13px;line-height:1.85}
body.theme-citadel .design-actions{gap:12px;margin-top:23px}
body.theme-citadel .design-actions .jade-button{min-width:139px;font-size:14px!important;min-height:49px!important;padding:13px 20px!important}
.citadel-handwritten{font:italic 20px/1.5 'Noto Serif',serif;transform:rotate(-5deg);color:#706444;margin:34px 0 0 28px}
body.theme-citadel .design-shortcuts{margin:-20px 5% 0;border:1px solid #ae873e;outline:1px solid #d7bf85;outline-offset:4px;border-radius:10px;background:linear-gradient(110deg,#fff9e9,#f3e7ca);box-shadow:0 8px 24px #84652915;padding:14px 0}
body.theme-citadel .design-shortcuts>:is(a,button){padding:2px 19px;gap:12px;border-right-color:#cfbc94}
body.theme-citadel .design-shortcuts strong{font:700 19px/1.25 'Noto Serif',serif;letter-spacing:0;text-transform:none}
body.theme-citadel .design-shortcuts small{font-size:10px!important;color:#59674f}
body.theme-citadel .design-shortcuts b{display:none}
body.theme-citadel .design-icon{width:64px;height:64px;background-image:url('/assets/design/icons-clean.png');border-radius:0}
.citadel-guides{padding:56px 7% 15px;position:relative;isolation:isolate}
.citadel-heading{display:flex;align-items:center;justify-content:center;text-align:center;gap:25px;margin-bottom:38px}
.citadel-heading>span{color:#a47b34;font-size:17px}
body.theme-citadel .citadel-heading h2{font-size:clamp(29px,3.3vw,48px);line-height:1.15;margin:0 0 10px}
.citadel-heading p{font-size:9px;letter-spacing:2px;color:#5c695b;margin:0}
.citadel-map{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;gap:26px 30px;position:relative}
.citadel-map:before{content:'';position:absolute;inset:-15px -20px;border:2px dashed #ac89495c;border-radius:55px 12px 55px 12px;transform:rotate(-1deg);z-index:-1}
.citadel-map .guide-entry{position:relative;min-width:0;border:1px solid #b99a5a;border-radius:7px;background:#fff9eb;padding:4px;box-shadow:0 4px 0 #d9c8a440,0 12px 22px #8263320c;transition:transform .2s}
.citadel-map .guide-entry:hover{transform:translateY(-3px)}
.citadel-map .guide-entry:first-child{grid-row:span 2;display:flex;flex-direction:column}
.citadel-art{background-image:url('/assets/design/guide-atlas.png');background-size:200% 300%;background-repeat:no-repeat;aspect-ratio:3/2;border-radius:4px 4px 0 0;flex-shrink:0}
.guide-art-1{background-position:0 0}.guide-art-2{background-position:100% 0}.guide-art-3{background-position:0 50%}.guide-art-4{background-position:100% 50%}.guide-art-5{background-position:0 100%}
.citadel-map .guide-entry:first-child .citadel-art{aspect-ratio:3/2;margin-top:auto;margin-bottom:auto}
.citadel-map .guide-entry:nth-child(2) .citadel-art,.citadel-map .guide-entry:nth-child(3) .citadel-art{aspect-ratio:3/2;max-height:230px;background-size:200% 300%}
.citadel-map .guide-copy{padding:13px 17px 10px;position:static}
.citadel-map .guide-no{position:absolute;top:-16px;left:-13px;width:39px;height:39px;border-radius:50%;border:3px double #fff3ce;background:linear-gradient(140deg,#c79d43,#86601c);color:#fff8e4;font:700 22px/33px 'Noto Serif',serif;text-align:center;box-shadow:0 0 0 1px #9d793a}
body.theme-citadel .citadel-map h3{font-size:23px;line-height:1.15;margin:0 0 8px}
.citadel-map .guide-copy>p{font-size:12px;line-height:1.6;color:#52604d;margin:0 0 10px}
.citadel-map .guide-link{font-size:11px;font-weight:700;color:#205540;text-decoration:none;border-bottom:1px solid #ac965f;padding-bottom:3px}
.citadel-map .guide-details{margin-top:12px;padding-top:9px;border-top:1px solid #dacbab;color:#4b604e;font-size:10px}
.citadel-map .guide-details summary{cursor:pointer;padding:0 0 3px}
.citadel-map .guide-details ul{padding:10px 0 0 17px;margin-bottom:5px;line-height:1.9}
.citadel-all{display:block;width:max-content;margin:30px auto 0;font-size:12px;color:#205540!important;text-decoration:none;border-bottom:1px solid #cbb37f;padding-bottom:4px}
body.theme-citadel #co-che{margin:24px 7% 0;padding:0;border:0;background:transparent}
.citadel-mechanics>summary{padding:15px 0;border-bottom:1px solid #cbb37f;font:700 20px 'Noto Serif',serif;cursor:pointer}
.citadel-mechanics>summary span{float:right;font:11px 'Be Vietnam Pro',sans-serif;padding:5px;color:#5c695b}
body.theme-citadel .fide-guide{padding:35px 7%;margin:0;border:0;background:transparent}
body.theme-citadel .fide-title{text-align:center;font:700 35px 'Noto Serif',serif}
body.theme-citadel .fide-steps{gap:14px}
body.theme-citadel .fide-steps article{background:#fff8e8;border:1px solid #d5c299;border-radius:6px;padding:20px;box-shadow:none}
body.theme-citadel .fide-steps h3{font-size:19px}
body.theme-citadel .fide-steps p{font-size:12px;color:#54614d}
body.theme-citadel .fide-steps article>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:46px;flex:0 0 46px;box-sizing:border-box;padding:0;margin:0 0 14px;line-height:1;font-family:"Noto Serif",serif;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;background:#ab8134;color:#fff9e8;border-radius:50%}
body.theme-citadel .fide-donate{margin:0 7% 30px;border:1px solid #cbb37f;border-radius:7px;background:#f0e3c8;color:#173e34;padding:20px 25px}
body.theme-citadel .fide-farewell{padding:38px 7%;margin:0;background:radial-gradient(ellipse at 80% 30%,#38664a,transparent),#143d31;color:#fff4d9;border:0;border-radius:0;min-height:230px}
body.theme-citadel .fide-farewell :is(h2,p){color:#fff4d9!important}
body.theme-citadel .fide-farewell h2{font-size:38px}
html body.theme-citadel .fide-farewell .jade-button{--action-bg:#d9b364;--action-ink:#193b2f;background:#d9b364;color:#193b2f!important;border:1px solid #f6df9c}
body.theme-citadel .fide-farewell .jade-button.secondary{background:transparent;color:#fff4d9!important;border-color:#c4af70}
body.theme-citadel .site-footer{background:#123629;border-color:#b59a5555;color:#f3e8c7;padding:23px 5%}
body.theme-citadel .site-footer :is(a,button){color:#f3e8c7!important}
body.theme-citadel #download-dialog .download-updated{color:#54634f!important;white-space:normal;overflow-wrap:anywhere}
body.theme-citadel #download-dialog .download-header{background:linear-gradient(#fff8e7d9,#faf3e3eb),url('/assets/design/hero.png') center/cover}
body.theme-citadel #download-dialog :is(.download-action,.download-emblem){background:#205540!important;color:#fff8e7!important}
body.theme-citadel #download-dialog :is(.dialog-close,.download-waiting){background:#faf3e3;color:#205540}
body.theme-citadel.jade-admin .admin-brand{background:#f6edd7}
body.theme-citadel.jade-admin .admin-sidebar{background:#f6edd7!important;border-color:#cbb37f}
body.theme-citadel.jade-admin .admin-sidebar nav a.active{background:#205540!important;color:#fff9e9!important}
body.theme-citadel.jade-admin .admin-sidebar nav a.active i{color:#e6c580!important}
body.theme-citadel :is(input,select,textarea){color:#173e34}
@media(min-width:1100px){.citadel-map .guide-entry:first-child{background:linear-gradient(#fff8e6,#f7ebd0)}.citadel-map .guide-entry:first-child .citadel-art{aspect-ratio:1.5}.citadel-map .guide-entry:first-child .guide-copy{padding:22px}.citadel-map .guide-entry:first-child h3{font-size:29px}}
@media(max-width:1000px){body.theme-citadel .site-header{gap:10px;padding:8px 3%}body.theme-citadel .site-nav{gap:6px}body.theme-citadel .design-hero{min-height:540px}body.theme-citadel .design-hero-copy{padding-left:5%}body.theme-citadel .design-hero h1{font-size:36px}body.theme-citadel .design-shortcuts>:is(a,button){padding:4px 10px;gap:6px}body.theme-citadel .design-icon{width:46px;height:46px}body.theme-citadel .design-shortcuts strong{font-size:17px}.citadel-map{gap:22px}.citadel-heading>span{display:none}}
@media(max-width:650px){body.theme-citadel .site-header{min-height:80px;padding:4px 14px;flex-wrap:wrap}body.theme-citadel .brand{width:135px;max-width:none;height:66px}body.theme-citadel .brand img{width:135px;height:66px}body.theme-citadel .account-nav .jade-button{font-size:10px;padding:7px 9px;min-height:34px}body.theme-citadel .menu-toggle{padding:8px;font-size:10px;min-height:34px}body.theme-citadel .design-hero{min-height:690px;align-items:start}body.theme-citadel .design-hero-art{background-size:auto 390px;background-position:72% bottom;background-repeat:no-repeat;background-color:#faf3e3}body.theme-citadel .design-hero-copy{padding:28px 22px 0;width:100%}body.theme-citadel .design-hero h1{font-size:34px;letter-spacing:-1px;margin:13px 0}body.theme-citadel .design-eyebrow{font-size:8px;letter-spacing:1.1px}body.theme-citadel .design-intro{font-size:12px;max-width:350px}body.theme-citadel .design-actions{margin-top:17px}.citadel-handwritten{display:none}body.theme-citadel .design-shortcuts{margin:0 18px;grid-template-columns:1fr 1fr;padding:8px;gap:8px}body.theme-citadel .design-shortcuts>:is(a,button){padding:8px 3px;border:0}body.theme-citadel .design-icon{width:49px;height:49px}body.theme-citadel .design-shortcuts strong{font-size:17px}body.theme-citadel .design-shortcuts small{font-size:8px!important}.citadel-guides{padding:40px 24px 15px}.citadel-heading{margin-bottom:28px}.citadel-heading p{font-size:8px;letter-spacing:1px}.citadel-map{grid-template-columns:1fr;gap:27px}.citadel-map .guide-entry:first-child{grid-row:auto}.citadel-map:before{inset:-10px -10px}.citadel-map .guide-entry .citadel-art{max-height:none!important;aspect-ratio:3/2!important}.citadel-map .guide-copy{padding:15px}.citadel-map .guide-no{left:-12px;top:-12px;width:33px;height:33px;font-size:18px;line-height:27px}body.theme-citadel .citadel-map h3{font-size:24px}.citadel-map .guide-copy>p{font-size:12px}.citadel-map .guide-details{font-size:11px}body.theme-citadel .fide-guide{padding:25px 22px}.citadel-mechanics>summary span{display:none}body.theme-citadel .fide-steps{grid-template-columns:1fr 1fr}body.theme-citadel .fide-steps article{padding:14px}body.theme-citadel .fide-steps h3{font-size:18px}body.theme-citadel .fide-title{font-size:28px}body.theme-citadel .fide-farewell{padding:30px 24px}body.theme-citadel .fide-farewell h2{font-size:32px}}
/* Individually composed square feature and panoramic banners; never crop subjects. */
.citadel-map .guide-entry:nth-child(n) .citadel-art{width:100%;max-height:none;aspect-ratio:3/1;background-image:url('/assets/design/guide-banners.png');background-size:200% 200%}
.citadel-map .guide-entry:first-child .citadel-art{background-image:url('/assets/design/guide-zeno.png');background-size:100% 100%;aspect-ratio:1;margin:0}
.citadel-map .guide-art-2{background-position:0 0}.citadel-map .guide-art-3{background-position:100% 0}.citadel-map .guide-art-4{background-position:0 100%}.citadel-map .guide-art-5{background-position:100% 100%}
.citadel-map .guide-entry:first-child .guide-copy{margin-top:auto}
@media(max-width:650px){.citadel-map .guide-entry .citadel-art{aspect-ratio:3/1!important}.citadel-map .guide-entry:first-child .citadel-art{aspect-ratio:1!important}}
@media(prefers-reduced-motion:reduce){.citadel-map .guide-entry{transition:none}}
@media(max-width:650px){body.theme-citadel .design-hero h1{font-size:28px;letter-spacing:-1px}body.theme-citadel .design-hero-art{background-position:right bottom}body.theme-citadel .design-hero{min-height:650px}.citadel-map .guide-entry:not(:first-child) .citadel-art{background-image:url('/assets/design/guide-atlas.png');background-size:200% 300%;aspect-ratio:3/2!important}.citadel-map .guide-art-2{background-position:100% 0}.citadel-map .guide-art-3{background-position:0 50%}.citadel-map .guide-art-4{background-position:100% 50%}.citadel-map .guide-art-5{background-position:0 100%}}

html body.jade-site.theme-citadel .fide-farewell .jade-button.secondary{background:#fff4d9!important;color:#173e34!important;border-color:#d9b364!important}
html body.jade-site.theme-citadel .fide-farewell .jade-button.secondary:hover{background:#f1dfb5!important;color:#173e34!important}

/* Medium guide cards: balanced illustrations beside readable content. */
.citadel-guides{padding-top:36px}
.citadel-guides .citadel-heading{margin-bottom:24px}
body.theme-citadel .citadel-guides .citadel-heading h2{font-size:clamp(25px,2.5vw,34px)}
.citadel-map{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:20px}
.citadel-map .guide-entry:nth-child(n){grid-row:auto;display:flex;flex-direction:row;align-items:flex-start;padding:14px;gap:16px}
.citadel-map .guide-entry:nth-child(n) .citadel-art{width:clamp(150px,14vw,190px);aspect-ratio:3/2!important;margin:0;max-height:none;border-radius:4px;background-image:url('/assets/design/guide-atlas.png');background-size:200% 300%}
.citadel-map .guide-entry:first-child .citadel-art{aspect-ratio:1!important;background-image:url('/assets/design/guide-zeno.png');background-size:100% 100%}
.citadel-map .guide-art-2{background-position:100% 0}.citadel-map .guide-art-3{background-position:0 50%}.citadel-map .guide-art-4{background-position:100% 50%}.citadel-map .guide-art-5{background-position:0 100%}
.citadel-map .guide-entry:nth-child(n) .guide-copy{padding:2px 0;min-width:0;flex:1;margin:0}
body.theme-citadel .citadel-map .guide-entry h3{font-size:22px;line-height:1.25;margin-bottom:8px}
.citadel-map .guide-copy>p{font-size:13px;margin-bottom:9px}
.citadel-map .guide-details{margin-top:8px;padding-top:6px}
.citadel-map .guide-no{width:27px;height:27px;top:-10px;left:-9px;font-size:15px;line-height:21px}
@media(max-width:900px){.citadel-map{grid-template-columns:1fr}}
@media(max-width:650px){.citadel-guides{padding-top:28px}.citadel-map{gap:16px}.citadel-map .guide-entry:nth-child(n){padding:8px;gap:10px}.citadel-map .guide-entry:nth-child(n) .citadel-art{width:120px}body.theme-citadel .citadel-map .guide-entry h3{font-size:19px}}
/* Individual approved cartoon illustrations, shared desktop/mobile framing. */
.citadel-map .guide-entry:nth-child(n) .citadel-art{aspect-ratio:3/2!important;background-size:contain;background-position:center;background-repeat:no-repeat}
.citadel-map .guide-entry:nth-child(n) .guide-art-1{background-image:url('/assets/design/guides-cartoon-v1/01-zeno.png')}
.citadel-map .guide-entry:nth-child(n) .guide-art-2{background-image:url('/assets/design/guides-cartoon-v1/02-thu-cuoi.png')}
.citadel-map .guide-entry:nth-child(n) .guide-art-3{background-image:url('/assets/design/guides-cartoon-v1/03-trang-bi.png')}
.citadel-map .guide-entry:nth-child(n) .guide-art-4{background-image:url('/assets/design/guides-cartoon-v1/04-pha-le.png')}
.citadel-map .guide-entry:nth-child(n) .guide-art-5{background-image:url('/assets/design/guides-cartoon-v1/05-thuc-tinh.png')}