/* 晨光・石序 — background/material layer, deliberately independent of tools. */
body.guide-sidebar,body.fee-page-body{
 --paper:#F5F2EC;--surface:#FCFAF6;--ink:#292824;--muted:#615D54;
 --line:#D8CFC2;--forest:#53604D;--accent:#53604D;
 background-color:var(--paper);color:var(--ink);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.025' filter='url(%23n)'/%3E%3C/svg%3E");
 background-attachment:scroll;
}
/* Retire the old fixed, over-content grain layer. */
body.guide-sidebar::before,body.fee-page-body::before{content:none;display:none}
body.guide-sidebar>#top,body.fee-page-body .fee-header{
 background:#FCFAF6;border-bottom-color:#D8CFC2;
}
body.guide-sidebar>.tab-shell{
 background:linear-gradient(125deg,#FCFAF6,#F0ECE4);border-color:#D8CFC2;
}
body.guide-sidebar .tabs button{color:#615D54}
body.guide-sidebar .tabs button[aria-selected=true]{background:#E8EADF;color:#36432F;border-left-color:#53604D}
body.guide-sidebar .tabs button:hover:not([aria-selected=true]){background:#EAE5DC}

/* One continuous scene. No retained old photo and no new decorative DOM. */
body.guide-sidebar .brand-scene{
 background:transparent;border:0;margin-top:0;
 padding-top:58px;padding-bottom:88px;
}
body.guide-sidebar .brand-scene-picture{
 position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;
 -webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);
}
body.guide-sidebar .brand-scene-image{
 position:static;display:block;width:100%;height:100%;object-fit:cover;
 object-position:center 56%;pointer-events:none;
}
body.guide-sidebar .brand-scene::before{
 background:linear-gradient(90deg,rgba(252,250,246,.76),rgba(252,250,246,.53) 52%,transparent 76%);
 pointer-events:none;
}
body.guide-sidebar .brand-scene-copy{width:75%;text-align:left}
body.guide-sidebar .brand-scene-title{display:block;color:#292824;text-wrap:balance}
body.guide-sidebar .brand-scene-overline,body.guide-sidebar .brand-scene-subtitle{color:#46443D}
body.guide-sidebar .brand-scene-bottom{
 background:transparent;border:0;color:#46443D;padding-bottom:18px;
}
body.guide-sidebar .brand-scene-bottom>span{color:#514D44}

/* Quiet reading surfaces: texture belongs outside the text, forms and tables. */
body.guide-sidebar .tab-panel,body.fee-page-body .fee-page{
 background:#FCFAF6;
}
body.guide-sidebar .panel-heading.topic-cover,body.fee-page-body .fee-page-heading.topic-cover{
 background:linear-gradient(112deg,#FCFAF6 56%,rgba(216,207,194,.20) 85%,#FCFAF6);
 border-bottom-color:#C9BDAC;
}
body.guide-sidebar :is(table,.unified-budget,.voltage-form,.calc-item,.habit-prompt-copy,.quiz-prompt-hub,.prep-paste textarea),
body.fee-page-body table{background-color:#FCFAF6}
body.guide-sidebar :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:#FFFEFB;color:#292824}
body.guide-sidebar :is(.unified-summary,.selection-summary){background:#EDF0E7;color:#292824}
body.guide-sidebar :is(#reading-menu,.prep-dialog){background:#FCFAF6;color:#292824}
body.guide-sidebar .reading-menu-heading{background:#FCFAF6}
body.guide-sidebar .prep-entry{color:#292824}
body.guide-sidebar .prep-stage-grid article{border-top-color:#C4B6A3}
body.guide-sidebar .prep-stage-grid a{color:#435039}
body.guide-sidebar .apple-button--primary,body.fee-page-body .apple-button--primary{
 --button-bg:#53604D;--button-ink:#FFFFFF;--button-hover:#414E3C;
}
body.guide-sidebar .apple-button--quiet,body.fee-page-body .apple-button--quiet{--button-ink:#435039;--button-hover:#EAE5DC}
body.guide-sidebar :is(.prep-savebar [data-prep-save],.prep-dialog #prep-generate,.prep-dialog #prep-copy){background:#53604D;border-color:#53604D;color:#FFF}
body.guide-sidebar :is(a,button,input,select,textarea):focus-visible,body.fee-page-body :is(a,button):focus-visible{
 outline-color:#53604D;
}
@media(max-width:900px){
 body.guide-sidebar .brand-scene{min-height:300px;margin-top:0;padding:32px 20px 82px}
 body.guide-sidebar .brand-scene-copy{width:80%}
 /* Keep the mineral reveal at the right edge instead of cropping it away.
    The text-side scrim is local; it no longer washes out the whole scene. */
 body.guide-sidebar .brand-scene-image{object-position:80% 50%}
 body.guide-sidebar .brand-scene::before{background:linear-gradient(90deg,rgba(252,250,246,.48),rgba(252,250,246,.32) 64%,rgba(252,250,246,.12) 78%,transparent 90%)}
 body.guide-sidebar .brand-scene-picture{-webkit-mask-image:linear-gradient(#000 76%,transparent 100%);mask-image:linear-gradient(#000 76%,transparent 100%)}
 body.guide-sidebar .brand-scene-bottom{gap:4px 14px;padding-bottom:12px}
 body.guide-sidebar .panel-heading.topic-cover{background:linear-gradient(110deg,#FCFAF6 68%,#F5F2EC)}
}
@media(max-width:380px){body.guide-sidebar .brand-scene{padding-inline:14px}}
@media(forced-colors:active){
 body.guide-sidebar,body.fee-page-body{background:Canvas;color:CanvasText}
 body.guide-sidebar .brand-scene-picture,body.guide-sidebar .brand-scene::before{display:none}
 body.guide-sidebar :is(.tab-panel,.panel-heading.topic-cover,.brand-scene-bottom){background:Canvas;color:CanvasText}
}
@media print{
 body.guide-sidebar,body.fee-page-body{background:#fff}
 body.guide-sidebar .tab-panel,body.guide-sidebar .panel-heading.topic-cover{background:#fff}
}