/* Paper, ink and a little weight: shared by the reading guide and fee page. */
body.guide-sidebar,body.fee-page-body{
 --paper:#FBF9F5;--ink:#2C2A29;--line:#EAE5DC;--forest:#5A6B5C;--accent:#5A6B5C;
 position:relative;background-color:var(--paper);color:var(--ink);
}
body.guide-sidebar::before,body.fee-page-body::before{
 content:"";position:fixed;inset:0;opacity:.028;pointer-events:none;z-index:9999;
 background-repeat:repeat;background-size:200px 200px;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cfilter%20id%3D%22noiseFilter%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.85%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23noiseFilter)%22%2F%3E%3C%2Fsvg%3E");
}
body.fee-page-body .fee-header{background:var(--paper)}

/* Use the existing topic links and guide controls; reading text stays still. */
body.guide-sidebar #reading-menu #reading-topics>a,
body.guide-sidebar #style-quiz .quiz-prompt-hub,
body.guide-sidebar #habits .habit-prompt-copy,
body.guide-sidebar #style-quiz .quiz-prompt-choice>span,
body.guide-sidebar #articles .article-entry,
body.guide-sidebar #faq .pricing-guide-link,
body.guide-sidebar :is(.woota-card,.book-item,.quiz-box){
 box-sizing:border-box;min-width:0;background:#fff;border:1px solid #EAE5DC;border-radius:2px;padding:30px;
 box-shadow:0 2px 10px rgba(44,42,41,.02),0 1px 3px rgba(44,42,41,.01);
 transition:transform .65s cubic-bezier(.165,.84,.44,1),box-shadow .65s cubic-bezier(.165,.84,.44,1),border-color .4s ease;
 transform-origin:bottom right;
}
body.guide-sidebar #reading-menu #reading-topics{gap:12px}
body.guide-sidebar #reading-menu #reading-topics>a{padding:20px;min-height:76px}
body.guide-sidebar #reading-menu #reading-topics>a[aria-current]{border:2px solid var(--forest);padding:19px;background:#F4F6F1;color:var(--forest)}
body.guide-sidebar #style-quiz .quiz-prompt-choice>span{padding:14px 16px}
body.guide-sidebar #style-quiz .quiz-prompt-choice input:checked+span{border:2px solid var(--forest);padding:13px 15px;background:#F4F6F1}
body.guide-sidebar #style-quiz .quiz-prompt-choice input:focus-visible+span{outline:2px solid var(--forest);outline-offset:4px}

/* JS adds motion only after rendering. There is no hidden-by-default state. */
.woota-animate-card{opacity:1}
/* Native details keep their natural height; JS measures both ends of each fold. */
body.guide-sidebar #faq .faq-answer,
body.guide-sidebar #renovation .oldbook-tip>.question-content{animation:none}

@media(hover:hover) and (pointer:fine){
 body.guide-sidebar #reading-menu #reading-topics>a:hover,
 body.guide-sidebar #style-quiz .quiz-prompt-choice:hover>span,
 body.guide-sidebar #articles .article-entry:hover,
 body.guide-sidebar #faq .pricing-guide-link:hover,
 body.guide-sidebar :is(.woota-card,.book-item):hover{
  border-color:#C5A880;transform:translateY(-6px) rotate(-.5deg);
  box-shadow:8px 20px 35px rgba(44,42,41,.05),2px 6px 15px rgba(90,107,92,.03);
 }
}
@media(max-width:900px){
 body.guide-sidebar #style-quiz .quiz-prompt-hub,
 body.guide-sidebar #habits .habit-prompt-copy,
 body.guide-sidebar #articles .article-entry,
 body.guide-sidebar #faq .pricing-guide-link{padding:22px 20px}
 body.guide-sidebar #reading-menu #reading-topics>a{padding:16px;min-height:72px}
 body.guide-sidebar #reading-menu #reading-topics>a[aria-current]{padding:15px}
 body.guide-sidebar #style-quiz .quiz-prompt-choice>span{padding:12px}
 body.guide-sidebar #style-quiz .quiz-prompt-choice input:checked+span{padding:11px}
}
@media(max-width:380px){
 body.guide-sidebar #style-quiz .quiz-prompt-hub,
 body.guide-sidebar #habits .habit-prompt-copy{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
 body.guide-sidebar #reading-menu #reading-topics>a,
 body.guide-sidebar #style-quiz .quiz-prompt-hub,
 body.guide-sidebar #habits .habit-prompt-copy,
 body.guide-sidebar #style-quiz .quiz-prompt-choice>span,
 body.guide-sidebar #articles .article-entry,
 body.guide-sidebar #faq .pricing-guide-link,
 body.guide-sidebar #style-quiz #quiz-prompt-copy,
 body.guide-sidebar #habits #habit-prompt-copy,
 body.guide-sidebar #faq .faq-answer,
 body.guide-sidebar #renovation .question-content,
 body.guide-sidebar :is(.woota-card,.book-item,.quiz-box,.woota-btn),
 body.fee-page-body .fee-page-cta>a,
 .woota-animate-card{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}
}
@media print, (forced-colors:active){
 body.guide-sidebar::before,body.fee-page-body::before{display:none}
}
@media print{
 body.guide-sidebar #reading-menu #reading-topics>a,
 body.guide-sidebar #style-quiz .quiz-prompt-hub,
 body.guide-sidebar #habits .habit-prompt-copy,
 body.guide-sidebar #style-quiz .quiz-prompt-choice>span,
 body.guide-sidebar #articles .article-entry,
 body.guide-sidebar #faq .pricing-guide-link{box-shadow:none;transform:none;transition:none}
 body.guide-sidebar #faq .faq-answer,
 body.guide-sidebar #renovation .question-content{animation:none}
 .woota-animate-card{opacity:1!important;transform:none!important}
}