@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="04"]{--cyan:#0877b8;--pink:#0574b2;--line:#91bdd6;--muted:#426578;background:#f1f9ff;color:#123d59;font-family:Tahoma, "Leelawadee UI", sans-serif}
body[data-arc="04"] .reader-head h1{font-family:"Noto Serif Thai", Tahoma, serif}
body[data-arc="04"]:before{background:radial-gradient(ellipse at 80% 10%,#69b6df25,transparent 60%),#f1f9ff}
body[data-arc="04"] .site-head.compact-head,body[data-arc="04"] .reader-head{background:#ffffff;border-color:#91bdd6}
body[data-arc="04"].reading .canvas{background:radial-gradient(ellipse at center,#69b6df25,transparent 65%),#e7f3fc;border-color:#91bdd6}
body[data-arc="04"] .toolbar select,body[data-arc="04"] .toolbar button,body[data-arc="04"] #fx-toggle{background:#ffffff;color:#123d59;border-color:#91bdd6}
body[data-arc="04"] .side-card{background:#ffffff;border-color:#91bdd6}
body[data-arc="04"] .page-nav{background:#f8fcff}
body[data-arc="04"].reading #next:not(:disabled),body[data-arc="04"] .header-resume{background:#0877b8;color:#ffffff;border-color:#0877b8}
body[data-arc="04"].reading .notice,body[data-arc="04"] .side-label{color:#426578}

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