/* A single editorial identity: forest, paper, photography and quiet typography. */
.fee-page-body{--brand-serif:'Noto Serif TC','Songti TC','STSong','PMingLiU',serif;--brand-sans:-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif}
body.guide-sidebar{--cover-forest:#294235;--cover-paper:#fffaf0;--cover-accent:#d4bea0;background:#f7f6f2}
body.guide-sidebar .panel-heading.topic-cover,.fee-page-body .fee-page-heading.topic-cover{display:grid;grid-template-columns:minmax(0,1fr) 28%;align-items:stretch;min-height:208px;margin:28px 0 26px;padding:0;border:0;background:#294235;color:#fffaf0;overflow:hidden;isolation:isolate}
.topic-cover-copy{min-width:0;align-self:center;padding:28px 32px;border-left:3px solid #d4bea0}
body.guide-sidebar .topic-cover .eyebrow,.fee-page-body .topic-cover-copy>span{display:block;font-family:var(--brand-sans);font-size:.75rem;line-height:1.7;letter-spacing:.14em;color:#d4bea0}
body.guide-sidebar .panel-heading.topic-cover h1,.fee-page-body .fee-page-heading.topic-cover h1{font:400 clamp(1.7rem,2.6vw,2.3rem)/1.5 var(--brand-serif);letter-spacing:.025em;color:#fffaf0;margin:12px 0 10px;overflow-wrap:break-word}
body.guide-sidebar .topic-cover-copy>p,.fee-page-body .topic-cover-copy>p{font-size:1rem;line-height:1.8;color:#e1e5dc;max-width:42rem;margin:0}
.topic-cover-photo{position:relative;margin:0;min-width:0;min-height:100%;overflow:hidden;background:#b4a58d}
.topic-cover-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.75)}
.topic-cover-photo img[src*="editorial-life"]{object-position:60% 55%}
.topic-cover-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#13271975)}
.topic-cover-index{position:absolute;bottom:16px;left:20px;z-index:1;font:400 2.6rem/1 var(--brand-serif);letter-spacing:.02em;color:#fffaf0}
body.guide-sidebar #newhome>.topic-intent{display:none}
body.guide-sidebar .topic-jumps,body.guide-sidebar #newhome>.topic-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0 0 28px;padding:0 0 24px;border:0;border-bottom:1px solid #d6d5ce;overflow:visible;scroll-snap-type:none}
body.guide-sidebar .topic-jumps .contents-caption,body.guide-sidebar #newhome>.topic-jumps .contents-caption{display:block;grid-column:1/-1;padding:0;margin:0 0 4px;border:0;font-size:.875rem;line-height:1.7;letter-spacing:0;color:#425346}
body.guide-sidebar .topic-jumps .contents-caption>span{font-size:.8125rem;color:#76796f;margin-left:12px}
body.guide-sidebar .topic-jumps>a,body.guide-sidebar #newhome>.topic-jumps>a{display:flex;align-items:center;min-width:0;min-height:52px;margin:0;padding:12px 14px;border:1px solid #dedfd5;background:#fffefa;font-size:.875rem;line-height:1.6;gap:10px;white-space:normal;overflow-wrap:break-word;flex:none}
body.guide-sidebar .topic-jumps>a:hover,body.guide-sidebar #newhome>.topic-jumps>a:hover{border-color:#8b9b8c;background:#edf0e7;color:#294235}
body.guide-sidebar .topic-jumps>a>span{color:#83755f;font-size:.75rem;flex:none}
body.guide-sidebar .topic-jumps>a>b{display:none}
body.guide-sidebar .contents-more{grid-column:1/-1}
body.guide-sidebar #habits .topic-jumps{display:none}
body.guide-sidebar #newhome .completion-section{margin:44px 0;padding-top:22px}
body.guide-sidebar #newhome .completion-section:first-of-type{margin-top:30px}
body.guide-sidebar #newhome .completion-section>h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}
body.guide-sidebar #newhome .completion-section:before{font-size:.75rem;color:#7e7568;letter-spacing:.11em}
body.guide-sidebar #newhome .newhome-stages{border:0;gap:12px;background:none}
body.guide-sidebar #newhome .newhome-stages li{min-height:200px;padding:24px;border:1px solid #dedfd5;background:#fffefa}
body.guide-sidebar #newhome .newhome-stages li>span{font-size:2rem;margin-bottom:28px;color:#70816e}
body.guide-sidebar #newhome .newhome-stages small{font-size:.75rem}
body.guide-sidebar #newhome .wizard-intro{background:#294235}
body.guide-sidebar #newhome .wizard-note{background:#eff0e8;border-bottom:0}
body.guide-sidebar #newhome .wizard-note span{font-size:.75rem}
body.guide-sidebar #newhome .wizard-step-heading{border-bottom:0;padding-bottom:12px}
body.guide-sidebar .consultation{background:#ecefe6;border-top-color:#a7b3a0}
body.guide-sidebar .reading-next .reading-forward{background:#294235;border-color:#294235}
@media(min-width:901px){
 body.guide-sidebar .tabs button[aria-selected=true]{background:#294235;color:#fffaf0;border-left-color:#cbb28f}
 body.guide-sidebar .tabs button[aria-selected=true] .nav-index{color:#ded2bd}
 body.guide-sidebar .tabs button[aria-selected=true] .nav-title{color:#fffaf0}
}
@media(min-width:901px) and (max-width:1100px){
 body.guide-sidebar .topic-cover-copy{padding:24px}
 body.guide-sidebar .panel-heading.topic-cover h1{font-size:1.8rem}
 body.guide-sidebar .topic-jumps,body.guide-sidebar #newhome>.topic-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 body.guide-sidebar .panel-heading.topic-cover,.fee-page-body .fee-page-heading.topic-cover{grid-template-columns:minmax(0,1fr) 88px;gap:0;min-height:0;margin:20px 0 22px;padding:22px 20px;border-left:3px solid #d4bea0}
 body.guide-sidebar .topic-cover-copy,.fee-page-body .topic-cover-copy{display:contents;padding:0;border:0}
 body.guide-sidebar .topic-cover .eyebrow,.fee-page-body .topic-cover-copy>span{grid-column:1;grid-row:1;margin:0 12px 8px 0;font-size:.75rem;letter-spacing:.08em}
 body.guide-sidebar .panel-heading.topic-cover h1,.fee-page-body .fee-page-heading.topic-cover h1{grid-column:1;grid-row:2;margin:0 14px 0 0;font-size:1.5rem;line-height:1.5;align-self:center}
 body.guide-sidebar .topic-cover-copy>p,.fee-page-body .topic-cover-copy>p{grid-column:1/-1;grid-row:3;margin:16px 0 0;font-size:.9375rem;line-height:1.8}
 .topic-cover-photo{grid-column:2;grid-row:1/3;height:108px;min-height:108px;align-self:center}
 .topic-cover-index{font-size:1.75rem;bottom:9px;left:10px}
 body.guide-sidebar .topic-jumps,body.guide-sidebar #newhome>.topic-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 26px;padding:0 0 22px;overflow:visible;width:100%;scroll-snap-type:none}
 body.guide-sidebar .topic-jumps .contents-caption>span{display:block;margin:3px 0 0}
 body.guide-sidebar .topic-jumps>a,body.guide-sidebar #newhome>.topic-jumps>a{flex:none;min-height:52px;padding:11px 12px;font-size:.875rem}
 body.guide-sidebar #newhome .completion-section{margin:36px 0}
 body.guide-sidebar #newhome .newhome-stages{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px}
 body.guide-sidebar #newhome .newhome-stages li{min-height:0;padding:20px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}
 body.guide-sidebar #newhome .newhome-stages li>span{float:none;grid-column:1;margin:4px 0 0;width:auto;font-size:1.65rem}
 body.guide-sidebar #newhome .newhome-stages li>div{grid-column:2}
 body.guide-sidebar #newhome .wizard-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
 body.guide-sidebar #newhome .wizard-progress span{min-width:0;flex:none;padding:12px 14px;white-space:normal;flex-direction:row;align-items:center;gap:8px;border-bottom:1px solid #d6d5ce;font-size:.875rem}
 body.guide-sidebar #newhome .wizard-progress span:nth-child(even){border-right:0}
 body.guide-sidebar #newhome .wizard-progress span:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:360px){
 body.guide-sidebar .panel-heading.topic-cover,.fee-page-body .fee-page-heading.topic-cover{padding:18px 16px;grid-template-columns:minmax(0,1fr) 64px}
 body.guide-sidebar .panel-heading.topic-cover h1,.fee-page-body .fee-page-heading.topic-cover h1{font-size:1.375rem;margin-right:12px}
 .topic-cover-photo{height:96px;min-height:96px}
}
@media print{
 body.guide-sidebar .panel-heading.topic-cover,.fee-page-body .fee-page-heading.topic-cover{display:block;background:white;color:black;border-bottom:1px solid #999;padding:16px 0}
 .topic-cover-photo{display:none}
 .topic-cover-copy{padding:0;border:0}
 body.guide-sidebar .panel-heading.topic-cover h1,.fee-page-body .fee-page-heading.topic-cover h1,body.guide-sidebar .topic-cover-copy>p,.fee-page-body .topic-cover-copy>p{color:black}
}