* { box-sizing:border-box; }
body { margin:0; background:#f7f1e5; color:#403522; font-family:'Plus Jakarta Sans',Arial,sans-serif; line-height:1.6; overflow-x:hidden; }
h1,h2,h3 { font-family:'Fraunces',Georgia,serif; }
.journal-guide { max-width:1160px; width:92%; margin:0 auto; padding:112px 0 70px; color:#403522; }
.journal-guide .breadcrumbs { font-size:11px; color:#8b7a5a; display:flex; gap:8px; margin-bottom:24px; }
.journal-guide a { color:#596c36; text-decoration-color:#b8bc95; text-underline-offset:3px; }
.guide-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; padding-bottom:42px; border-bottom:1px solid #ddcfb4; }
.guide-hero .guide-category { display:block; font-size:10px; letter-spacing:.16em; color:#897344; text-transform:uppercase; margin-bottom:18px; }
.guide-hero h1 { font:500 clamp(32px,4.2vw,54px)/1.13 'Fraunces',Georgia,serif; letter-spacing:-.03em; margin:0 0 20px; }
.guide-deck { font-size:15px; line-height:1.8; color:#7b6b50; }
.guide-meta { display:flex; gap:14px; flex-wrap:wrap; font-size:10px; color:#98876a; margin-top:22px; }
.guide-hero-image { width:100%; height:320px; object-fit:contain; border-radius:12px; background:#eee3cb; }
.guide-layout { display:grid; grid-template-columns:220px minmax(0,720px); gap:65px; padding-top:42px; }
.guide-toc { position:sticky; top:110px; align-self:start; font-size:11px; color:#7a6d50; }
.guide-toc strong { display:block; font-size:10px; letter-spacing:.1em; margin-bottom:14px; }
.guide-toc a { display:block; padding:9px 0; border-bottom:1px solid #e7ddc9; text-decoration:none; line-height:1.5; }
.guide-copy h2 { font:500 29px/1.25 'Fraunces',Georgia,serif; margin:38px 0 17px; scroll-margin-top:100px; }
.guide-copy h2:first-child { margin-top:0; }
.guide-copy p { font-size:14px; line-height:1.95; margin:0 0 18px; color:#695b43; }
.guide-copy ul { padding-left:21px; margin:0 0 25px; }
.guide-copy li { padding:5px 0; font-size:14px; line-height:1.8; color:#695b43; }
.guide-faq details { border-bottom:1px solid #ddcfb4; padding:17px 0; }
.guide-faq summary { font-size:13px; font-weight:600; color:#4c5131; cursor:pointer; line-height:1.6; }
.guide-faq details p { margin:14px 0 0; }
.guide-sources { background:#eee4ce; border-radius:8px; padding:24px; margin-top:35px; }
.guide-sources h2 { font-size:23px; margin:0 0 15px; }
.guide-sources a { display:block; padding:7px 0; font-size:11px; line-height:1.6; }
.guide-editorial-note { font-size:10px !important; color:#8a7b60 !important; line-height:1.7 !important; }
.guide-related { margin-top:35px; border-top:1px solid #ddcfb4; padding-top:24px; }
.guide-related h2 { font-size:24px; margin:0 0 16px; }
.guide-related-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.guide-related-links a { display:block; padding:16px; border:1px solid #d7c9aa; border-radius:6px; font-size:12px; line-height:1.5; text-decoration:none; }
.journal-new-guides { margin:42px 0 50px; }
.journal-new-guides h2 { font:500 30px 'Fraunces',Georgia,serif; margin:0 0 12px; }
.journal-new-guides > p { color:#8c7d60; font-size:13px; margin-bottom:26px; }
.journal-topic-filter { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.journal-topic-filter button { border:1px solid #d6c8a8; background:transparent; color:#6e654a; border-radius:6px; min-height:42px; padding:10px 14px; cursor:pointer; font-size:11px; }
.journal-topic-filter button[aria-pressed="true"] { background:#475931; color:#fffdf5; border-color:#475931; }
.new-guides-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.new-guide-card { background:#fcf8ee; border:1px solid #e1d5bb; border-radius:10px; overflow:hidden; text-decoration:none; color:#473b25; display:flex; flex-direction:column; }
.new-guide-card > img { width:100%; height:180px; object-fit:contain; background:#ede2c8; }
.new-guide-card .new-guide-copy { padding:20px; flex:1; }
.new-guide-card small { font-size:9px; text-transform:uppercase; letter-spacing:.08em; color:#90784a; }
.new-guide-card h3 { font:500 21px/1.3 'Fraunces',Georgia,serif; margin:13px 0; }
.new-guide-card p { font-size:11px; line-height:1.7; color:#8c7c5f; margin:0 0 15px; }
.new-guide-card .guide-card-more { font-size:10px; color:#566537; }
.journal-guide .guide-cart-link { display:inline-flex; padding:12px 16px; border-radius:6px; background:#46562b; color:#fffdf4; text-decoration:none; font-size:12px; }
@media(max-width:850px) {
 .journal-guide { padding-top:90px; width:89%; }
 .guide-hero { grid-template-columns:1fr; gap:25px; }
 .guide-hero h1 { font-size:36px; }
 .guide-hero-image { height:240px; }
 .guide-layout { grid-template-columns:1fr; gap:30px; }
 .guide-toc { position:static; border:1px solid #ded0b6; padding:20px; border-radius:8px; }
 .guide-copy h2 { font-size:25px; }
 .new-guides-grid { grid-template-columns:1fr 1fr; gap:14px; }
 .new-guide-card .new-guide-copy { padding:16px; }
 .new-guide-card h3 { font-size:19px; }
}
@media(max-width:550px) { .new-guides-grid { grid-template-columns:1fr; } .guide-related-links { grid-template-columns:1fr; } .guide-hero h1 { font-size:32px; } }
