.knowledge-content-tabs { width:min(1100px,calc(100% - 40px)); margin:28px auto; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:7px; background:#f3ede5; border:1px solid #e7dace; border-radius:22px; }
.knowledge-content-tabs a { display:grid; grid-template-columns:32px 1fr; column-gap:10px; align-items:center; padding:16px 22px; border-radius:16px; color:#746358; text-decoration:none; }
.knowledge-content-tabs a>span { grid-row:span 2; font-size:25px; }.knowledge-content-tabs b { font-size:18px; }.knowledge-content-tabs small { margin-top:3px; font-size:13px; }
.knowledge-content-tabs a[aria-current=page] { background:#fff; color:#753d36; box-shadow:0 3px 12px #5634290c; }.knowledge-content-tabs a:hover { background:#fffaf3; }
.guides-page { min-height:100vh; background:#fffaf2; color:#452f2b; }.guide-site-header { max-width:1100px; margin:auto; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ebdfd2; }.guide-site-header>a img { width:150px; height:75px; object-fit:contain; }.guide-site-header nav { display:flex; gap:26px; font-size:15px; font-weight:800; }.guide-site-header a { text-decoration:none; color:inherit; }
.guides-index { max-width:1100px; padding:12px 20px 60px; margin:auto; }.guide-index-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0 44px; }.guide-index-heading span,.guide-article-heading>span { color:#ad5147; font-size:13px; font-weight:900; letter-spacing:.08em; }.guide-index-heading h1 { font-size:clamp(32px,4vw,48px); line-height:1.3; letter-spacing:-.05em; margin:12px 0 16px; }.guide-index-heading p { color:#78675e; font-size:16px; line-height:1.8; }.guide-index-heading img { width:220px; height:220px; object-fit:contain; }
.guide-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.guide-card { min-width:0; display:block; overflow:hidden; border:1px solid #e9dccf; border-radius:24px; background:white; color:#452f2b; text-decoration:none; box-shadow:0 6px 20px #55352406; transition:transform .2s,box-shadow .2s; }.guide-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px #55352412; }.guide-card-image { aspect-ratio:16/10; overflow:hidden; background:#f5ead8; }.guide-card-image img { width:100%; height:100%; object-fit:cover; }.guide-card-image.is-shami img { object-fit:contain; padding:20px; }.guide-card-copy { padding:24px; }.guide-card-copy>span { color:#a55247; font-size:12px; font-weight:800; }.guide-card-copy h2 { margin:10px 0 12px; font-size:22px; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere; }.guide-card-copy p { font-size:15px; line-height:1.8; color:#76655e; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }.guide-card-copy small { display:flex; align-items:center; justify-content:space-between; margin-top:24px; color:#8c7e75; font-size:12px; }.guide-card-copy small b { color:#a55247; font-size:23px; }
.guide-empty { margin:10px auto 40px; padding:50px 24px; max-width:900px; border:1px dashed #ddc8b2; border-radius:24px; background:#fff; text-align:center; }.guide-empty h2,.guide-empty h1 { font-size:24px; }.guide-empty p { margin:16px 0 24px; line-height:1.8; color:#76655e; }.guide-empty a,.guide-empty button { display:inline-block; border:0; border-radius:12px; padding:13px 18px; background:#eef5e8; color:#426848; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
.guide-article { max-width:910px; margin:0 auto; padding:30px 24px 0; }.guide-breadcrumb { display:flex; gap:10px; color:#8c7568; font-size:13px; margin-bottom:26px; }.guide-breadcrumb a { color:inherit; text-decoration:none; }.guide-article-heading h1 { margin:14px 0 18px; font-size:clamp(30px,4.6vw,46px); line-height:1.35; word-break:keep-all; overflow-wrap:anywhere; letter-spacing:-.035em; }.guide-article-heading>p { color:#77635a; font-size:19px; line-height:1.8; }.guide-article-heading>div { padding:22px 0 28px; color:#8c7e75; font-size:13px; line-height:1.8; border-bottom:1px solid #e7dace; }.guide-cover { margin:30px 0; }.guide-cover img { display:block; width:100%; max-height:620px; object-fit:contain; border-radius:20px; background:#f3eadf; }.guide-cover figcaption,.guide-prose figcaption { margin:10px 0; color:#8c7e75; font-size:13px; text-align:center; line-height:1.6; }
.guide-toc { margin:32px 0; padding:24px 28px; border:1px solid #e7dccb; border-radius:18px; background:#fff5e5; }.guide-toc>b { font-size:16px; }.guide-toc ol { padding-left:22px; margin:14px 0 0; }.guide-toc li { margin:10px 0; font-size:15px; line-height:1.65; }.guide-toc li[data-level="2"] > a { font-weight:800; }.guide-toc li[data-level="3"] { margin-left:16px; }.guide-toc a { color:#735744; text-underline-offset:4px; }
.guide-prose { font-size:18px; line-height:1.95; color:#413e3b; overflow-wrap:anywhere; }.guide-prose p { margin:24px 0; white-space:pre-line; }.guide-prose h2,.guide-prose h3 { scroll-margin-top:28px; line-height:1.45; color:#503831; word-break:keep-all; }.guide-prose h2 { margin:48px 0 20px; font-size:28px; }.guide-prose h3 { margin:32px 0 16px; font-size:22px; }.guide-prose a { color:#377062; text-decoration:underline; text-underline-offset:4px; }.guide-prose strong { color:#493129; font-weight:800; }.guide-prose ul,.guide-prose ol { padding-left:26px; margin:24px 0; }.guide-prose li { margin:10px 0; padding-left:4px; }.guide-prose blockquote { margin:30px 0; padding:22px 26px; background:#fff1de; border-left:4px solid #d9ac75; border-radius:0 16px 16px 0; color:#795136; white-space:pre-line; }.guide-prose figure { margin:32px 0; }.guide-prose img { display:block; max-width:100%; height:auto; margin:auto; border-radius:18px; }.guide-prose hr { margin:36px 0; border:0; border-top:1px solid #e7dace; }
.guide-author-note { display:flex; align-items:center; gap:14px; margin:48px 0; border-top:1px solid #e7dace; padding-top:24px; }.guide-author-note img { object-fit:contain; }.guide-author-note b { font-size:15px; }.guide-author-note p { font-size:14px; line-height:1.7; color:#7e6f65; }.guide-author-note a { color:#7e5145; }
.guide-related { max-width:1050px; margin:48px auto; padding:30px; background:#f2f6eb; border:1px solid #dfe8d2; border-radius:26px; }.guide-related>header { display:flex; align-items:center; gap:20px; margin-bottom:24px; }.guide-related>header img { flex-shrink:0; object-fit:contain; }.guide-related>header span { font-size:13px; font-weight:800; color:#63834a; }.guide-related>header h2 { font-size:26px; line-height:1.4; margin:8px 0; }.guide-related>header p { color:#7b816f; font-size:15px; line-height:1.7; }.guide-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.guide-theme-grid>a { display:flex; min-width:0; gap:16px; align-items:center; border:1px solid #e0e4d8; background:#fff; border-radius:18px; padding:16px; color:#3f4935; text-decoration:none; }.guide-theme-grid>a>img { width:90px; height:110px; object-fit:cover; border-radius:12px; }.guide-theme-emoji { width:70px; text-align:center; flex-shrink:0; font-size:36px; }.guide-theme-grid small { font-size:12px; color:#7c8b6f; }.guide-theme-grid h3 { margin:6px 0; font-size:18px; line-height:1.4; }.guide-theme-grid p { font-size:14px; line-height:1.65; color:#74806b; }.guide-theme-grid b { display:block; margin-top:10px; font-size:13px; color:#447756; }
.guide-back,.guide-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:24px; margin:36px auto; padding:0 20px; }.guide-back a,.guide-pagination a { color:#785747; text-underline-offset:4px; font-size:15px; font-weight:700; }.guide-site-footer { border-top:1px solid #e7dace; padding:30px 20px; text-align:center; color:#8b786a; }.guide-site-footer>img { object-fit:contain; }.guide-site-footer p { font-size:14px; }.guide-site-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin:20px 0; }.guide-site-footer nav a { font-size:13px; color:inherit; }.guide-site-footer>small { font-size:12px; }
.guide-related-reading .guide-card-copy h2 { font-size:20px; }.guides-page :is(a,button,input,textarea):focus-visible,.guide-admin :is(a,button,input,textarea):focus-visible,.knowledge-content-tabs a:focus-visible { outline:3px solid #b78550; outline-offset:4px; }
.guide-admin { max-width:1380px; margin:auto; padding:30px; color:#49362e; }.guide-admin a { color:#836045; }.guide-admin-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0; }.guide-admin h1 { font-size:30px; margin:8px 0; }.guide-admin-head p { color:#897366; font-size:15px; line-height:1.7; }.guide-admin button { font:inherit; cursor:pointer; }.guide-admin button:disabled { cursor:wait; opacity:.6; }.guide-admin-head button,.guide-editor-actions button { border:1px solid #dac4b0; padding:12px 18px; border-radius:12px; background:#fff; color:#76503e; font-weight:800; }.guide-admin .guide-primary { background:#77563f; color:white; border-color:#77563f; }.guide-status { position:sticky; top:0; z-index:20; min-height:42px; padding:12px 18px; border:1px solid #e7d7c1; border-radius:12px; background:#fff8ea; font-size:14px; line-height:1.7; }
.guide-admin-list { display:grid; gap:12px; margin-top:24px; }.guide-admin-row { display:flex; align-items:center; gap:16px; justify-content:space-between; padding:22px; border:1px solid #e8dccf; border-radius:16px; background:#fff; }.guide-admin-row h2 { font-size:19px; margin:6px 0; }.guide-admin-row small { color:#8b796a; font-size:13px; }.guide-admin-row button { border:1px solid #dfcebe; border-radius:10px; background:#fff9f0; color:#785742; padding:10px 16px; flex-shrink:0; }.guide-state { font-size:12px; padding:4px 9px; background:#eee; border-radius:20px; }.guide-state.is-published { background:#e8f3df; color:#537344; }
.guide-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:start; gap:24px; margin-top:24px; }.guide-editor-card { padding:24px; border:1px solid #e5d9ca; border-radius:20px; background:#fff; min-width:0; margin-bottom:20px; }.guide-editor-card h2 { font-size:19px; margin:0 0 16px; }.guide-editor-card>p { color:#87756a; font-size:14px; line-height:1.7; }.guide-editor-card label { display:grid; gap:9px; margin:18px 0; font-size:14px; font-weight:700; }.guide-editor-card input:not([type=checkbox]),.guide-editor-card textarea { width:100%; box-sizing:border-box; border:1px solid #dacbbd; border-radius:10px; padding:12px; background:#fffcf7; font:inherit; font-size:16px; color:#43372f; }.guide-editor-card textarea { resize:vertical; line-height:1.8; }.guide-editor-card small { font-size:12px; color:#8e7b6d; font-weight:400; line-height:1.7; }.guide-editor-card .guide-checkbox { display:flex; align-items:center; gap:10px; font-size:14px; line-height:1.6; }.guide-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:10px; border:1px solid #e4d7c7; border-radius:12px; background:#f9f4eb; }.guide-toolbar button { border:1px solid #dfd0bf; border-radius:8px; background:#fff; color:#76543e; min-height:38px; padding:8px 12px; font-size:13px; font-weight:800; }.guide-editor-card .guide-body-input { min-height:520px; border:0; padding:18px 2px; font-size:17px; background:transparent; }.guide-editor-cover { width:100%; max-height:220px; object-fit:contain; background:#f7f2ea; border-radius:12px; }.guide-search-preview { padding:16px; border:1px solid #e7ddd0; border-radius:12px; overflow-wrap:anywhere; background:white; }.guide-search-preview small { color:#687f67; }.guide-search-preview b { display:block; color:#264b9b; font-size:20px; margin:8px 0; line-height:1.45; }.guide-search-preview p { color:#676767; font-size:14px; line-height:1.65; }.guide-editor-actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }.guide-theme-options { display:grid; gap:5px; max-height:300px; overflow:auto; }.guide-theme-options button { display:block; text-align:left; border:1px solid #e3d8ca; padding:10px; border-radius:10px; background:#fffaf3; color:#624e3a; font-size:14px; line-height:1.5; }.guide-selected-theme { display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #dce5d1; border-radius:10px; background:#f2f7eb; margin:8px 0; padding:10px; font-size:14px; }.guide-selected-theme>div { display:flex; gap:5px; }.guide-selected-theme button { padding:3px 7px; min-height:32px; border:1px solid #d4dcc9; background:#fff; border-radius:6px; }.guide-preview { border:1px dashed #d7b999; padding:20px; border-radius:16px; background:#fffaf2; }.guide-preview h1 { line-height:1.45; overflow-wrap:anywhere; }.guide-preview .guide-prose { font-size:17px; }
@media(max-width:850px) { .guide-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.guide-editor-layout { grid-template-columns:1fr; }.guide-editor-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.guide-editor-sidebar .guide-editor-card { margin:0; } }
@media(max-width:600px) { .knowledge-content-tabs { width:calc(100% - 28px); margin:18px auto; border-radius:17px; gap:4px; padding:5px; }.knowledge-content-tabs a { padding:12px 9px; column-gap:5px; grid-template-columns:24px 1fr; border-radius:12px; }.knowledge-content-tabs a>span { font-size:20px; }.knowledge-content-tabs b { font-size:16px; }.knowledge-content-tabs small { grid-column:1/-1; margin-top:6px; font-size:12px; text-align:center; }.guide-site-header { padding:6px 16px; }.guide-site-header>a img { width:105px; height:60px; }.guide-site-header nav { gap:12px; font-size:13px; }.guides-index { padding:4px 18px 35px; }.guide-index-heading { padding:20px 0 32px; gap:0; }.guide-index-heading h1 { font-size:31px; }.guide-index-heading p { font-size:15px; }.guide-index-heading img { width:100px; height:130px; }.guide-card-grid { grid-template-columns:1fr; gap:18px; }.guide-card-copy { padding:22px; }.guide-article { padding:20px 22px 0; }.guide-article-heading>p { font-size:17px; }.guide-article-heading h1 { font-size:31px; }.guide-prose { font-size:17px; line-height:1.95; }.guide-prose h2 { font-size:25px; }.guide-prose h3 { font-size:21px; }.guide-prose blockquote { padding:18px; margin:26px 0; }.guide-toc { padding:20px; }.guide-related { margin:36px 14px; padding:20px 16px; border-radius:22px; }.guide-related>header { gap:10px; }.guide-related>header img { width:60px; height:70px; }.guide-related>header h2 { font-size:21px; }.guide-related>header p { font-size:14px; }.guide-theme-grid { grid-template-columns:1fr; }.guide-theme-grid>a>img { width:72px; height:90px; }.guide-theme-grid p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }.guide-author-note { align-items:flex-start; }.guide-admin { padding:18px 14px; }.guide-admin h1 { font-size:25px; }.guide-admin-head { align-items:flex-start; }.guide-admin-head button { padding:12px; white-space:nowrap; }.guide-editor-sidebar { display:block; }.guide-editor-sidebar .guide-editor-card { margin-bottom:20px; }.guide-editor-card { padding:18px; }.guide-admin-row { padding:16px; }.guide-admin-row h2 { font-size:17px; }.guide-editor-actions { position:sticky; bottom:0; z-index:10; padding:12px 0; background:#fffaf2; }.guide-editor-actions button { flex:1; padding:12px 9px; }.guide-admin-row small { overflow-wrap:anywhere; } }
.guide-rich-intro { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:24px 0 12px; }
.guide-rich-intro>b { font-size:1.125rem; }.guide-rich-intro button,.guide-manuscript button,.guide-inline-control button { padding:9px 12px; border:1px solid #d8c8b6; border-radius:9px; background:#fff9ee; color:#704d3c; font-size:.875rem; font-weight:700; }
.guide-rich-frame { border:1px solid #d9c7b1; border-radius:14px; background:#fffefa; overflow:hidden; }
.guide-rich-editor .guide-toolbar { border:0; border-bottom:1px solid #dfd1c0; border-radius:0; gap:5px; padding:10px; }
.guide-rich-editor .guide-toolbar button { min-height:40px; font-size:.875rem; padding:7px 10px; }
.guide-rich-editor .guide-toolbar button[aria-pressed=true] { background:#75503d; color:white; border-color:#75503d; }
.guide-toolbar .guide-tip-button { display:inline-flex; align-items:center; gap:5px; background:#fff0d3; }
.guide-tip-button img { object-fit:contain; }.guide-rich-scroll { max-height:70vh; min-height:400px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.guide-rich-content { min-height:400px; padding:24px 28px 90px; outline:0; font-size:1.0625rem; line-height:1.9; }
.guide-editor-card .guide-rich-content h2 { font-size:1.65rem; margin:32px 0 16px; }.guide-editor-card .guide-rich-content h3 { font-size:1.3rem; margin:24px 0 12px; }
.guide-rich-content> :first-child { margin-top:0; }.guide-rich-content p { margin:16px 0; }
.guide-rich-content p.is-editor-empty:first-child::before,.guide-rich-content:has(>p:only-child>br.ProseMirror-trailingBreak)>p:only-child::before { content:attr(data-placeholder); color:#a18a7a; float:left; height:0; pointer-events:none; }
.guide-rich-content:has(>p:only-child>br.ProseMirror-trailingBreak)::before { content:attr(data-placeholder); color:#a18a7a; pointer-events:none; position:absolute; max-width:70%; }
.guide-rich-content .ProseMirror-selectednode { outline:3px solid #bf8856; outline-offset:3px; }.guide-rich-content [contenteditable=false] { user-select:none; }
.guide-rich-help { font-size:.875rem; color:#715846; line-height:1.7; margin:12px 0 4px; }
.guide-rich-editor>small { font-size:.8125rem; }.guide-manuscript { border:1px solid #d8c8b6; padding:18px; border-radius:12px; margin:12px 0; background:#fff8eb; }.guide-manuscript p { font-size:.875rem; line-height:1.7; }.guide-manuscript>div { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.guide-inline-control { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:12px; border-bottom:1px solid #e0d3c2; background:#fff8e9; }.guide-inline-control label { flex:1 1 240px; margin:0; }.guide-inline-control button { align-self:flex-end; }
.guide-prose .guide-shami-tip { position:static; inset:auto; display:block; width:auto; max-width:none; min-width:0; box-sizing:border-box; margin:28px 0; padding:22px 26px; border:1px solid #e1b46c; border-left:5px solid #c28b42; border-radius:18px; background:#fff3d9; color:#624534; box-shadow:0 4px 0 #f0dfbd; }
.guide-shami-tip-heading { display:flex; align-items:center; gap:10px; margin-bottom:12px; color:#8d501f; font-size:1rem; }
.guide-prose .guide-shami-tip-heading img { width:44px; height:44px; margin:0; border-radius:0; object-fit:contain; }.guide-prose .guide-shami-tip-heading b { font-weight:850; }
.guide-prose .guide-shami-tip p { margin:10px 0; }.guide-prose .guide-shami-tip>div>:first-child { margin-top:0; }.guide-prose .guide-shami-tip>div>:last-child { margin-bottom:0; }
.guide-rich-content blockquote.guide-shami-tip::before { content:"샤미의 팁"; display:flex; align-items:center; min-height:44px; padding-left:54px; margin-bottom:12px; background:url('/shami-tip-icon.png') left center/44px 44px no-repeat; color:#8d501f; font-size:1rem; font-weight:850; pointer-events:none; }
.guide-prose li>p { margin:6px 0; }.guide-prose li>ul,.guide-prose li>ol { margin:8px 0; }
.guide-prose code { font-size:.9em; background:#f3ece2; padding:2px 5px; border-radius:4px; }.guide-prose pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:18px; border-radius:12px; background:#f3ece2; }.guide-prose pre code { padding:0; }
.guide-table-scroll { overflow:auto; }.guide-prose table { border-collapse:collapse; width:100%; margin:22px 0; table-layout:fixed; }.guide-prose th,.guide-prose td { border:1px solid #d8c8b4; padding:10px 13px; text-align:left; min-width:80px; vertical-align:top; }.guide-prose th { background:#f7ecd9; font-weight:800; }.guide-prose td p,.guide-prose th p { margin:0; }
@media(max-width:600px) { .guide-rich-content { padding:20px 16px 70px; font-size:1rem; }.guide-rich-scroll { max-height:65vh; min-height:320px; }.guide-rich-editor .guide-toolbar { padding:8px; gap:4px; }.guide-rich-editor .guide-toolbar button { padding:7px 9px; }.guide-prose .guide-shami-tip { padding:18px; border-radius:14px; }.guide-rich-intro { margin-top:16px; } }
.guide-rich-content ul[data-type=taskList] { padding-left:0; list-style:none; }.guide-rich-content li[data-type=taskItem] { display:flex; align-items:flex-start; gap:10px; }.guide-editor-card .guide-rich-content li[data-type=taskItem]>label { margin:5px 0 0; display:block; flex:0 0 auto; }.guide-rich-content li[data-type=taskItem]>div { flex:1; min-width:0; }.guide-rich-content input[type=checkbox] { width:18px; height:18px; accent-color:#986b3d; }
.guides-page .guide-site-footer { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:30px 20px; }
.guides-page .guide-site-footer>img { display:block; width:72px; height:72px; margin:0 auto; flex-shrink:0; }
.guides-page .guide-site-footer>p { margin:0; max-width:36rem; line-height:1.7; }
.guides-page .guide-site-footer>nav { margin:4px 0; gap:12px 20px; line-height:1.7; }
.guides-page .guide-site-footer>small { display:block; margin:0; line-height:1.6; }

/* Theme detail uses compact reading links instead of the guide index's tall cards. */
.guide-related.guide-related-reading { margin:28px auto; padding:20px; border-radius:20px; }
.guide-related-reading>header { gap:12px; margin-bottom:14px; }
.guide-related-reading>header img { width:44px; height:50px; }
.guide-related-reading>header h2 { margin:5px 0 0; font-size:1.25rem; }
.guide-related-reading .guide-card-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
.guide-related-reading .guide-card { display:flex; align-items:center; gap:18px; padding:14px; border-radius:14px; box-shadow:none; }
.guide-related-reading .guide-card-image { flex:0 0 124px; width:124px; height:108px; aspect-ratio:auto; border-radius:10px; }
.guide-related-reading .guide-card-image img { width:100%; height:100%; }
.guide-related-reading .guide-card-copy { flex:1; min-width:0; padding:0; }
.guide-related-reading .guide-card-copy>span { display:none; }
.guide-related-reading .guide-card-copy h2 { margin:0 0 6px; font-size:1.125rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.guide-related-reading .guide-card-copy p { margin:0; font-size:.875rem; line-height:1.65; -webkit-line-clamp:2; }
.guide-related-reading .guide-card-copy small { margin-top:8px; gap:12px; }
.guide-related-reading .guide-card-copy small b { font-size:1.125rem; line-height:1; }
@media(max-width:600px) {
  .guide-related.guide-related-reading { margin:24px 14px; padding:16px; }
  .guide-related-reading>header h2 { font-size:1.125rem; }
  .guide-related-reading .guide-card { gap:12px; padding:12px; align-items:flex-start; }
  .guide-related-reading .guide-card-image { flex-basis:76px; width:76px; height:86px; }
  .guide-related-reading .guide-card-copy h2 { font-size:1rem; }
  .guide-related-reading .guide-card-copy p { -webkit-line-clamp:1; }
}

/* Article-end theme links follow the text column, including the common single-theme case. */
.guide-related.guide-related-themes { width:min(742px,calc(100% - 48px)); max-width:742px; margin:28px auto 32px; padding:20px; border-radius:20px; box-sizing:border-box; }
.guide-related-themes>header { gap:10px; margin-bottom:14px; }
.guide-related-themes>header img { width:44px; height:44px; }
.guide-related-themes>header h2 { margin:0; font-size:1.25rem; line-height:1.45; }
.guide-related-themes .guide-theme-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
.guide-related-themes .guide-theme-grid>a { gap:16px; padding:14px 16px; border-radius:14px; }
.guide-related-themes .guide-theme-grid>a>img { width:82px; height:100px; flex:0 0 82px; }
.guide-related-themes .guide-theme-emoji { width:82px; flex:0 0 82px; }
.guide-related-themes .guide-theme-grid>a>div { flex:1; min-width:0; overflow-wrap:anywhere; }
.guide-related-themes .guide-theme-grid h3 { margin:4px 0 6px; font-size:1.125rem; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
.guide-related-themes .guide-theme-grid p { margin:0; font-size:.875rem; line-height:1.65; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.guide-related-themes .guide-theme-grid b { margin-top:8px; font-size:.875rem; }
.guide-preview .guide-related.guide-related-themes { width:100%; margin-inline:0; }
@media(max-width:600px) {
  .guide-related.guide-related-themes { width:calc(100% - 44px); margin:24px auto; padding:16px; border-radius:16px; }
  .guide-related-themes>header img { width:36px; height:36px; }
  .guide-related-themes>header h2 { font-size:1.125rem; }
  .guide-related-themes .guide-theme-grid>a { padding:12px; gap:12px; }
  .guide-related-themes .guide-theme-grid>a>img { width:64px; height:84px; flex-basis:64px; }
  .guide-related-themes .guide-theme-emoji { width:64px; flex-basis:64px; font-size:28px; }
  .guide-related-themes .guide-theme-grid h3 { font-size:1rem; }
}

.guide-image-zoom { width:100%; max-width:100%; }
.guide-prose .guide-image-zoom { display:inline-block; vertical-align:middle; }
.guide-load-more { display:grid; justify-items:center; gap:14px; margin:34px 0 16px; }
.guide-load-more p { margin:0; color:#78675e; font-size:14px; }
.guide-load-more button,.guide-load-more a { min-height:48px; padding:12px 32px; border:1px solid #d9c2ab; border-radius:14px; background:#fff3e0; color:#693d32; font-size:16px; font-weight:800; cursor:pointer; }
.guide-load-more button:disabled { opacity:.65; cursor:wait; }
.guide-load-more button:focus-visible { outline:3px solid #a55247; outline-offset:3px; }

/* Keep the reading column intact; the companion only uses wide-screen space. */
.guide-sidebar { display:none; }
@media (min-width:1200px) {
  .guide-reading-layout { display:grid; grid-template-columns:minmax(0,862px) 260px; gap:28px; max-width:1198px; padding:0 24px; margin:0 auto; align-items:start; }
  .guide-reading-layout>.guide-article { min-width:0; width:100%; max-width:none; padding:30px 0 0; margin:0; }
  .guide-sidebar { display:block; position:sticky; top:100px; margin-top:76px; padding:22px 16px 18px; max-height:calc(100dvh - 124px); overflow-y:auto; scrollbar-width:thin; border:1px solid #eadbd0; border-radius:24px; background:#fffdf9; box-shadow:0 5px 20px #59352908; color:#57372f; }
  .guide-sidebar-heading { margin:0 4px 14px; padding-bottom:17px; border-bottom:1px solid #eee3d8; }
  .guide-sidebar-heading p { margin:0 0 7px; color:#967560; font-size:.75rem; line-height:1.6; }
  .guide-sidebar-heading h2 { margin:0; font-size:1.125rem; line-height:1.5; font-weight:800; letter-spacing:-.035em; }
  .guide-sidebar-links { display:grid; gap:7px; }
  .guide-sidebar-link { display:flex; align-items:center; gap:10px; width:100%; min-height:52px; padding:8px; border:1px solid transparent; border-radius:13px; background:transparent; color:#664c40; font:inherit; font-size:.875rem; font-weight:700; line-height:1.5; text-align:left; text-decoration:none; cursor:pointer; transition:background .15s,border-color .15s; }
  .guide-sidebar-icon { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:10px; background:#f2f4e8; font-size:19px; }
  .guide-sidebar-link.is-search .guide-sidebar-icon { background:#faeede; }
  .guide-sidebar-link.is-course .guide-sidebar-icon { background:#edf2f5; }
  .guide-sidebar-link.is-festival .guide-sidebar-icon { background:#fae9e7; }
  .guide-sidebar-arrow { margin-left:auto; color:#a88a76; font-size:17px; font-weight:400; }
  .guide-sidebar-link:hover { background:#fbf3e8; border-color:#eadccc; }
  .guide-sidebar-link:focus-visible { outline:3px solid #a76a48; outline-offset:2px; }
  .guide-sidebar-shami { display:grid; justify-items:center; margin-top:17px; padding-top:16px; border-top:1px dashed #e6d8c9; text-align:center; }
  .guide-sidebar-shami img { display:block; width:100px; height:100px; object-fit:contain; }
  .guide-sidebar-shami p { margin:11px 0 0; color:#8a705f; font-size:.8125rem; line-height:1.8; }
  .guide-sidebar-shami strong { color:#77503c; font-weight:700; }
}
@media (prefers-reduced-motion:reduce) { .guide-sidebar-link { transition:none; } }
@media print { .guide-sidebar { display:none; }.guide-reading-layout { display:block; max-width:none; padding:0; } }