@font-face{font-family:"Noto Serif Thai";src:url("fonts/NotoSerifThai[wdth,wght].ttf");font-weight:100 900;font-display:swap}
/* Appearance tokens only. Layout belongs to the shared Arc 1 styles. */
body[data-arc="05"]{--cyan:#9a6500;--pink:#9a6500;--line:#d3b66c;--muted:#70613d;background:#fffcf2;color:#493a15;font-family:Tahoma, "Leelawadee UI", sans-serif}
body[data-arc="05"] .reader-head h1{font-family:"Noto Serif Thai", Tahoma, serif}
body[data-arc="05"]:before{background:radial-gradient(ellipse at 80% 10%,#eec63f25,transparent 60%),#fffcf2}
body[data-arc="05"] .site-head.compact-head,body[data-arc="05"] .reader-head{background:#ffffff;border-color:#d3b66c}
body[data-arc="05"].reading .canvas{background:radial-gradient(ellipse at center,#eec63f25,transparent 65%),#faf3df;border-color:#d3b66c}
body[data-arc="05"] .toolbar select,body[data-arc="05"] .toolbar button,body[data-arc="05"] #fx-toggle{background:#ffffff;color:#493a15;border-color:#d3b66c}
body[data-arc="05"] .side-card{background:#ffffff;border-color:#d3b66c}
body[data-arc="05"] .page-nav{background:#fffdf5}
body[data-arc="05"].reading #next:not(:disabled),body[data-arc="05"] .header-resume{background:#9a6500;color:#ffffff;border-color:#9a6500}
body[data-arc="05"].reading .notice,body[data-arc="05"] .side-label{color:#70613d}

/* Arc-specific colours; compact 48px/44px controls and desktop geometry unchanged. */
body[data-arc="05"]{--bg:#fffcf2;--cyan:#9a6500;--line:#91bdd6;--muted:#426578}
body[data-arc="05"] .brand,body[data-arc="05"] .brand span,body[data-arc="05"] .brand small{color:#12648e}
body[data-arc="05"].reading .page-nav{background:#f8fcff;color:#493a15}
body[data-arc="05"].reading .page-nav button,body[data-arc="05"].reading .mobile-step,body[data-arc="05"].reading .mobile-page,body[data-arc="05"].reading .mobile-reader-tools>summary,body[data-arc="05"].reading .mobile-reader-tools[open] .toolbar{background:#fff;color:#493a15;border-color:#91bdd6}
body[data-arc="05"].reading .page-nav #next:not(:disabled){background:#9a6500;color:#fff}
body[data-arc="05"] .toolbar label,body[data-arc="05"] .toolbar legend{color:#493a15}
body[data-arc="05"] .ambient-fx{opacity:.08}
body[data-arc="05"] .site-head .main-nav a{color:#295976}
body[data-arc="05"] #share-page{background:#fff;color:#493a15;border-color:#91bdd6}