[hidden]{display:none!important}
.categoryNav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px}
.categoryLink{display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;background:var(--paper);font-size:14px;transition:background .15s,transform .15s}
.categoryLink>span{font:24px Georgia,serif;line-height:1}
.categoryLink:hover{transform:translateY(-2px)}
.categoryLink.active{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.collectionIntro{margin-bottom:25px;max-width:950px}
.collectionIntro h2{font-size:27px;margin:0 0 9px}
.collectionIntro p{color:var(--muted);line-height:1.7;margin:0}
.guideNotice{padding:16px 20px;border:1px solid #b37b4c;border-left:4px solid #b37b4c;background:#fff6e9;border-radius:10px;color:#65432d!important;font-size:14px;line-height:1.65;margin:18px 0!important}
.searchField:focus-within,.searchField input:focus{outline:none!important;box-shadow:none!important}
.searchField:focus-within{border-color:var(--line)!important}
.loadSentinel{display:flex;align-items:center;justify-content:center;gap:18px;padding:40px 20px;color:var(--muted);min-height:90px}
.guideCardItem .role{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.guideHeading{padding:15px 0 28px}
.guideHeading h1{font-size:clamp(34px,4.5vw,64px);line-height:1.1;margin:12px 0 20px;letter-spacing:-.03em}
.guideWorkspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:44px;align-items:start}
.guideWorkspace>*{min-width:0}
.guideText>.lead{margin-top:0;font-size:20px;line-height:1.8}
.guideFact{padding:23px 0;border-top:1px solid var(--line)}
.guideFact h2,.relationSection h2,.sourceSection h2{font-size:22px;margin:0 0 12px}
.guideFact p,.relationSection p{font-size:17px;color:var(--muted);line-height:1.85;margin:0}
.relationSection{margin-top:36px;padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.relationSection .companionTags{margin-top:18px}
.sourceSection{margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.sourceSection h2{font-size:18px}
.sourceLinks{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:14px}
.sourceLinks a{font-size:14px;color:var(--forest);text-underline-offset:4px}
.sourceSection small{color:var(--muted);line-height:1.7}
.photoCredit,.photoCaption{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0}
.photoCredit a{color:inherit;text-underline-offset:3px}
.photoCaption:empty,.photoCredit:empty{display:none}
.photoViewer{background:var(--paper);color:var(--ink)}
.photoViewer .viewerHeader,.photoViewer .viewerFooter{background:var(--paper);border-color:var(--line);color:var(--ink)}
.photoViewer .viewerHeading span,.photoViewer .viewerSource{color:var(--muted)}
.photoViewer button,.photoViewer .viewerArrow{background:var(--forest);border:1px solid var(--forest);color:var(--paper)}
.photoViewer button:hover{background:var(--soft);color:var(--ink)}
.photoViewer .viewerImage{box-shadow:0 12px 50px #241c171c;border:8px solid var(--paper);border-radius:6px;box-sizing:content-box}
.photoViewer .zoomTools{border-color:var(--line)}
[data-theme="earth"] .photoViewer{background:#e4d9c7}
[data-theme="earth"] .viewerHeader{padding:18px 28px}
[data-theme="natural"] .photoViewer{background:#e8ece6}
[data-theme="natural"] .photoViewer .viewerImage{border-width:4px;border-radius:0;box-shadow:none}
[data-theme="meadow"] .photoViewer{background:radial-gradient(ellipse at 15% 30%,#f1e2f3 0,transparent 55%),radial-gradient(ellipse at 85% 80%,#e4ecd9 0,transparent 60%),#fff8eb}
[data-theme="meadow"] .photoViewer .viewerImage{border-radius:22px;border-width:10px}
[data-theme="natural"] .categoryLink{border-radius:6px}
[data-theme="natural"] .guideWorkspace{grid-template-columns:minmax(0,1fr) 310px}
[data-theme="natural"] .guideFact{display:grid;grid-template-columns:220px 1fr;gap:24px}
[data-theme="natural"] .guidePage .mainPhoto{height:300px}
[data-theme="meadow"] .categoryLink{background:#fffaf0;border-color:#dbcede}
[data-theme="meadow"] .categoryLink.active{background:#786183;color:#fffaf0}
[data-theme="meadow"] .guideHeading{border-radius:25px;background:linear-gradient(100deg,#f1e8ee,#faf6e5);padding:30px;margin-bottom:25px}
[data-theme="meadow"] .guideFacts{display:grid;gap:16px}
[data-theme="meadow"] .guideFact{padding:24px;background:#fffbf4;border:1px solid #ddcfdb;border-radius:18px}
[data-theme="meadow"] .intro::before{background:linear-gradient(90deg,rgba(250,247,234,.95) 0%,rgba(250,247,234,.91) 27%,rgba(250,247,234,.77) 45%,rgba(250,247,234,.32) 58%,transparent 73%)}
[data-theme="meadow"] .introCopy{max-width:56%}
[data-theme="meadow"] .introArt img{object-position:74% 50%}
.journalHero{align-items:start}
.journalMemo{overflow:hidden}
.journalMemo .journalGnome{display:block;width:calc(100% + 52px);max-width:none;height:225px;object-fit:cover;object-position:80% 55%;margin:22px -26px 0;border-radius:0}
@media(max-width:1000px){.guideWorkspace,[data-theme="natural"] .guideWorkspace{grid-template-columns:minmax(0,1fr) 300px;gap:25px}[data-theme="natural"] .guideFact{display:block}.journalMemo .journalGnome{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}}
@media(max-width:800px){.guideWorkspace,[data-theme="natural"] .guideWorkspace{grid-template-columns:1fr}.guideWorkspace>aside{max-width:470px;width:100%}.categoryLink{padding:10px 13px;font-size:13px}.journalMemo .journalGnome{width:100%;height:190px;margin:0;border-radius:14px}[data-theme="meadow"] .introCopy{max-width:67%}}
@media(max-width:600px){.categoryNav{gap:7px;margin-top:20px}.categoryLink{flex:1 1 44%;justify-content:center}.categoryLink>span{font-size:20px}.guideHeading h1{font-size:36px}.guideFact p,.guideText>.lead{font-size:16px}.guideNotice{font-size:13px;padding:14px}.relationSection{padding:20px}.photoViewer .viewerImage{border-width:3px}[data-theme="meadow"] .introCopy{max-width:100%}[data-theme="meadow"] .intro::before{background:linear-gradient(180deg,rgba(250,247,234,.96) 0%,rgba(250,247,234,.92) 30%,rgba(250,247,234,.6) 42%,transparent 57%)}.journalMemo .journalGnome{height:180px}.loadSentinel{flex-direction:column}}

/* Keep narrow screens within their grid track; programmatic title focus stays quiet. */
.intro,.introCopy{min-width:0;box-sizing:border-box}
#detailTitle:focus{outline:none}
.searchField,.searchField input{min-width:0}
.searchField input{flex:1}

[data-theme="meadow"] .intro{width:100%}

.categoryLink>span{display:flex;align-items:center}.categoryLink svg{width:21px;height:21px;flex:none}