.breadcrumbs{font-size:.875rem;margin-bottom:20px}.guide-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:26px}.guide-nav a{padding:8px 12px;border:1px solid var(--border);text-decoration:none;font-size:.95rem}.guide-nav a:hover{background:#a1845922}.guide-opening{margin:24px 0 36px}.guide-quick{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.guide-cta{display:inline-block;background:#d9bd86;color:#242e28;font-weight:700;padding:13px 20px;text-decoration:none;border:1px solid #a18459;border-radius:3px}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-cards>a{display:block;text-decoration:none;border:1px solid var(--border);border-top:3px solid var(--gold);padding:22px;background:var(--panel);color:var(--text)}.guide-cards>a:hover{box-shadow:inset 0 0 0 1px var(--gold)}.guide-cards span{font-size:.875rem;letter-spacing:.1em;color:var(--gold)}.guide-cards h3{font-size:1.25rem;margin:12px 0}.guide-cards p{color:var(--muted);margin:0}.guide-section,.guide-article{margin:32px 0;padding:28px;border:1px solid var(--border);background:var(--panel)}.guide-article h3{font-size:1.2rem;color:var(--gold);margin-top:32px}.guide-article p,.guide-article li,.guide-section p{line-height:1.9}.guide-tool{padding:24px;border:3px double var(--gold);margin-top:32px}.guide-tool h2{font-size:1.3rem}.guide-tool>a{margin-right:20px}.guide-tool p{color:var(--muted)}html[data-theme=light] .guide-cta{background:#315e4c;color:#fff8e7;border-color:#315e4c}@media(max-width:550px){.guide-cards{grid-template-columns:1fr}.guide-section,.guide-article{padding:20px 16px}.guide-nav a{flex:1 1 40%;text-align:center}.guide-quick{align-items:flex-start;flex-direction:column}.guide-tool>a{display:block;margin:12px 0}.guide-tool{padding:20px 16px}}
/* A field journal: gilt chapter tabs, linen parchment and forest-green ink. */
.fantasy-guide{--journal-line:#b99a60;--journal-red:#b96553;--journal-ink:#ede2c8}
.fantasy-guide main{max-width:1080px;padding:34px 48px 40px;background:linear-gradient(90deg,#b7945010,transparent 5%,transparent 95%,#b7945010),linear-gradient(#202b29f2,#172420f5);border:1px solid #8c7448;border-top:5px solid #ab8c51;box-shadow:0 22px 90px #0009,inset 0 0 0 7px #b99a6012;min-height:100vh}
.fantasy-guide h1,.fantasy-guide h2,.fantasy-guide h3{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-weight:700;letter-spacing:.055em}
.fantasy-guide header{padding:20px 0 26px;border-bottom:3px double var(--journal-line)}
.fantasy-guide .mark{width:56px;height:64px;font-size:38px;background:#314d40;border:1px solid #d8bb78;outline:1px solid #a89157;outline-offset:4px;box-shadow:inset 0 0 0 4px #203a30;color:#f0d49a}
.fantasy-guide .breadcrumbs{font-size:.875rem;letter-spacing:.03em;color:var(--muted);margin-bottom:10px}
.fantasy-guide .badge{background:#773f35;color:#fae8cb;border-color:#b57558;padding:4px 10px;border-radius:0;font-size:.875rem}
.fantasy-guide .game{margin:14px 0 20px;letter-spacing:.06em}
.fantasy-guide .guide-nav{gap:0;padding:0;margin-bottom:28px;border:1px solid #857349;box-shadow:0 4px 12px #0002}
.fantasy-guide .guide-nav a{flex:1;display:grid;place-items:center;padding:13px 10px;text-align:center;line-height:1.55;min-height:50px;background:#263b31;border:0;color:#eadcba;font-size:.9rem;text-decoration:none}
.fantasy-guide .guide-nav a+a{border-left:1px solid #857349}
.fantasy-guide .guide-nav a:hover,.fantasy-guide .guide-nav a[aria-current=page]{background:#455740;color:#fff0c9;box-shadow:inset 0 -3px #d4b77b}
.fantasy-guide .guide-opening{position:relative;padding:28px 30px;margin:0 0 34px;border:3px double #b59861;background:linear-gradient(110deg,#ccb68115,transparent 70%),url('/assets/antique-book.png') center/1100px auto;box-shadow:inset 0 0 0 6px #212d29;isolation:isolate;color:#342e23}
.fantasy-guide .guide-opening .eyebrow{color:#795426;font-size:.875rem;letter-spacing:.18em}
.fantasy-guide .guide-opening h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin:6px 0 12px}.fantasy-guide .guide-opening>p{margin:10px 0 24px}.fantasy-guide .guide-opening a:not(.guide-cta){color:#31563e;text-decoration-thickness:1px;text-underline-offset:5px}
.fantasy-guide .guide-quick{gap:16px 22px}
.fantasy-guide .guide-cta{background:linear-gradient(#3e634e,#244536);color:#fff0ce;border:1px solid #a98b4d;padding:13px 21px;border-radius:2px;box-shadow:inset 0 0 0 3px #cfb47722,0 4px 9px #0002;min-height:48px;font-size:1rem;transition:background .15s}
.fantasy-guide .guide-cta:hover{background:#4a7057;color:#fff7e4}
.fantasy-guide .guide-cards{gap:18px;margin-top:20px}
.fantasy-guide .guide-cards>a{position:relative;padding:26px 28px 28px;border:1px solid #917b4f;border-top:4px solid #bfa46d;background:linear-gradient(125deg,#344337,#24352d);box-shadow:inset 0 0 0 5px #c2a1610b,0 5px 14px #0002;transition:transform .15s,box-shadow .15s}
.fantasy-guide .guide-cards>a:nth-child(2),.fantasy-guide .guide-cards>a:nth-child(4){border-top-color:#ae6a57}
.fantasy-guide .guide-cards>a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #d7bb7a,0 8px 18px #0003}
.fantasy-guide .guide-cards span{font-family:Georgia,serif;letter-spacing:.13em;font-size:.875rem;color:#e0bf7d}
.fantasy-guide .guide-cards h3{margin:13px 0 10px;font-size:1.28rem;color:#f3e6c7}.fantasy-guide .guide-cards p{font-size:1rem;color:#c9c5ac;line-height:1.8}
.fantasy-guide .guide-section,.fantasy-guide .guide-article{padding:30px 32px;border:1px solid #81724e;border-top:3px double #b59861;background:#24312be6;box-shadow:inset 4px 0 #ac8f4f18;margin:34px 0}
.fantasy-guide .guide-section h2,.fantasy-guide .guide-article h2{font-size:1.5rem;border-bottom:1px solid #b598614d;padding-bottom:14px;margin-bottom:20px;color:#ecd4a1}
.fantasy-guide .guide-article h3{border-left:3px solid #b96553;padding-left:14px;color:#e8cd97;font-size:1.2rem}
.fantasy-guide th{background:#344536;color:#e9d7ab}.fantasy-guide td{line-height:1.75}.fantasy-guide .table-wrap{border:1px solid #857349;border-radius:0}.fantasy-guide table{margin:0}
.fantasy-guide .source{font-size:.875rem;line-height:1.8;color:var(--muted)}
.fantasy-guide .guide-tool{padding:28px 30px;background:linear-gradient(120deg,#3a4331,#24372d);border:3px double #c1a263;box-shadow:inset 0 0 0 5px #b29a6120}.fantasy-guide .guide-tool h2{color:#ecd4a1;line-height:1.7}
.fantasy-guide footer{border-top:3px double #9a8356;margin-top:40px;padding-top:24px;font-size:.875rem;line-height:1.9}
.fantasy-guide a:focus-visible,.fantasy-guide button:focus-visible{outline:3px solid #dbb566;outline-offset:4px}
html[data-theme=light] .fantasy-guide main{background:linear-gradient(90deg,#7d4d1818,transparent 5%,transparent 95%,#7d4d1818),linear-gradient(#f8edcfdc,#f2e1bce8);border-color:#8e713f;box-shadow:0 20px 80px #37241155,inset 0 0 0 7px #89693014}
html[data-theme=light] .fantasy-guide .guide-opening{box-shadow:inset 0 0 0 6px #e3cd9b;background:linear-gradient(#faf0d932,#f7e8c832),url('/assets/antique-book.png') center/1100px auto}
html[data-theme=light] .fantasy-guide .guide-cards>a{background:linear-gradient(120deg,#fff6df,#efdfba);border-color:#b19a6c;box-shadow:inset 0 0 0 5px #896b3510,0 5px 14px #563e1812}
html[data-theme=light] .fantasy-guide .guide-cards span{color:#865f30}html[data-theme=light] .fantasy-guide .guide-cards h3{color:#304e39}html[data-theme=light] .fantasy-guide .guide-cards p{color:#625742}
html[data-theme=light] .fantasy-guide .guide-section,html[data-theme=light] .fantasy-guide .guide-article{background:#fff3d6b3;border-color:#b59c6b}
html[data-theme=light] .fantasy-guide .guide-section h2,html[data-theme=light] .fantasy-guide .guide-article h2,html[data-theme=light] .fantasy-guide .guide-article h3{color:#674a27}
html[data-theme=light] .fantasy-guide .guide-tool{background:linear-gradient(120deg,#e8d6ac,#f9edce)}html[data-theme=light] .fantasy-guide .guide-tool h2{color:#34503b}
@media(max-width:700px){.fantasy-guide main{padding:24px 22px}.fantasy-guide header{gap:16px;flex-wrap:wrap}.fantasy-guide header>div{flex:1;min-width:180px}.fantasy-guide .badge{margin-left:0}.fantasy-guide .guide-nav{flex-wrap:wrap}.fantasy-guide .guide-nav a{flex:1 1 33%;border-bottom:1px solid #857349}.fantasy-guide .guide-nav a:last-child{background:#3d5540}.fantasy-guide .guide-opening{padding:24px}.fantasy-guide .guide-cards>a{padding:22px}.fantasy-guide .guide-section,.fantasy-guide .guide-article{padding:24px}}
@media(max-width:450px){.fantasy-guide main{padding:20px 15px;margin:0 6px}.fantasy-guide h1{font-size:1.3rem}.fantasy-guide .mark{width:40px;height:50px;font-size:30px;outline-offset:3px}.fantasy-guide .guide-nav a{flex-basis:45%;font-size:.875rem}.fantasy-guide .guide-opening{padding:23px 18px}.fantasy-guide .guide-cta{width:100%;text-align:center}.fantasy-guide .guide-section,.fantasy-guide .guide-article,.fantasy-guide .guide-tool{padding:22px 17px}.fantasy-guide .guide-cards{gap:14px}.fantasy-guide .guide-cards h3{font-size:1.18rem}.fantasy-guide .guide-section h2{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.fantasy-guide .guide-cards>a,.fantasy-guide .guide-cta{transition:none}.fantasy-guide .guide-cards>a:hover{transform:none}}

/* Soft corners retain the journal's ornamental borders. */
.fantasy-guide main{border-radius:20px 20px 0 0}
.fantasy-guide .mark{border-radius:12px;outline:none;box-shadow:0 0 0 4px #a8915733,inset 0 0 0 4px #203a30}
.fantasy-guide .badge{border-radius:8px}
.fantasy-guide .guide-nav{border-radius:12px;overflow:hidden}
.fantasy-guide .guide-opening{border-radius:18px}
.fantasy-guide .guide-cards>a{border-radius:16px}
.fantasy-guide .guide-section,.fantasy-guide .guide-article{border-radius:16px}
.fantasy-guide .guide-tool{border-radius:18px}
.fantasy-guide .guide-cta{border-radius:10px}
.fantasy-guide .table-wrap{border-radius:10px}
.fantasy-guide .theme-controls{border-radius:10px;overflow:hidden}
.fantasy-guide .theme-controls button,.fantasy-guide .report-button{border-radius:8px}
.fantasy-guide .report-dialog{border-radius:18px}
.fantasy-guide .report-dialog input,.fantasy-guide .report-dialog textarea,.fantasy-guide .report-dialog button{border-radius:8px}
@media(max-width:450px){.fantasy-guide main{border-radius:14px 14px 0 0}}
