:root{--paper:#fafaf9;--ink:#202522;--muted:#6b716c;--line:#e4e7e2;--surface:#f1f3ef;--forest:#334b3c;--sans:'Helvetica Neue',Arial,'Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-padding-top:24px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:white;border:1px solid var(--line);padding:8px 16px;border-radius:30px}button:hover{background:var(--surface)}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #82987b;outline-offset:3px}img{max-width:100%;display:block}[hidden]{display:none!important}.site-header{max-width:1500px;margin:auto;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;text-decoration:none;white-space:nowrap}.mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #798a7e;border-radius:50%;color:var(--forest);font:17px SimSun,serif}.brand-sub{font-size:9px;font-weight:400;letter-spacing:1.5px;color:var(--muted);margin-left:8px}nav{display:flex;align-items:center;gap:8px}.nav{font-size:12px;background:none;border:0;color:var(--muted);padding:8px 12px;white-space:nowrap}.nav.active{background:var(--surface);color:var(--forest)}#savedCount{font-size:10px;margin-left:4px}.header-index{display:none}main{max-width:1440px;padding:0 4%;margin:auto}.catalog-heading{padding:62px 0 40px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0 0 16px}.catalog-heading h1{font-size:42px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:0}.catalog-heading h1 span{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:1px;margin-top:16px}.catalog-heading>p{color:var(--muted);font-size:13px;margin:0 0 5px}.workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:42px;padding:32px 0 72px}aside,.results{min-width:0}.filter-title{display:flex;align-items:center;justify-content:space-between;font-weight:500;margin-bottom:24px}.filter-title button{padding:2px 0;border:0;background:none;color:var(--muted);font-size:12px}.filter-panel>label:not(.check){display:block;color:var(--muted);font-size:12px;margin:22px 0 7px}.filter-panel select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:white;font-size:12px}.check{display:flex;align-items:start;gap:8px;font-size:12px;margin-top:20px}.check input{margin:5px 0 0;accent-color:var(--forest)}.filter-note,.aside-note p{font-size:11px;color:var(--muted);line-height:1.9}.filter-note{margin-top:24px}.aside-note{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:10px}.aside-note strong{display:block;font-size:16px;font-weight:400;color:var(--forest)}#filterToggle{display:none}.search-wrap{display:flex;align-items:center;gap:12px;border:1px solid #d6ddd3;border-radius:12px;background:white;padding:10px 16px}.search-wrap>span{font-size:25px;line-height:1}.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:none;padding:7px 0;font-size:13px}.search-wrap:focus-within{outline:2px solid #91a58c;outline-offset:2px}kbd{border:1px solid var(--line);padding:0 6px;border-radius:4px;color:#92998f;font-size:11px}.quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 24px;font-size:11px;color:var(--muted)}.quick button{font-size:10px;padding:4px 12px;border:0;background:var(--surface);color:var(--forest)}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin-bottom:16px}.result-toolbar p{margin:0}.result-toolbar label{white-space:nowrap}.result-toolbar select{border:0;background:none;padding:6px;font-size:11px}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.filter-chips:empty{display:none}.filter-chips button{font-size:11px;padding:4px 11px;border-color:#dce3d7;background:#edf1e9;color:var(--forest)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{min-width:0;padding:14px;background:white;border:1px solid var(--line);border-radius:15px;transition:border-color .2s}.card:hover{border-color:#bac6b4}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-height:28px}.status{font-size:9px;color:#61745a;background:#f1f4ec;border-radius:5px;padding:3px 7px}.save{font-size:23px;line-height:1;padding:2px 4px;border:0;background:none;color:#90998c}.save.saved{color:var(--forest)}.photo-frame{border-radius:9px;overflow:hidden}.photo-button{width:100%;height:215px;display:block;position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:9px;background:#e9eee5;padding:0}.photo-button::before,.photo-large::before{content:'';position:absolute;inset:-25px;background:var(--photo) center/cover no-repeat;filter:blur(22px);opacity:.42;z-index:-1}.photo-button img{width:100%;height:100%;object-fit:contain;position:relative}.photo-zoom{position:absolute;right:7px;bottom:7px;background:#ffffffde;padding:2px 7px;border-radius:20px;font-size:9px;color:var(--forest)}.photo-credit{margin:6px 0 15px;font-size:8px;color:var(--muted);line-height:1.5;height:24px;overflow:hidden}.photo-credit a{text-decoration:none}.card-main{display:block;padding:0;text-align:left;background:none;border:0;border-radius:0;width:100%}.card-main:hover{background:none}.card-main h2{font:italic 25px/1.2 Georgia,serif;overflow-wrap:anywhere;margin:0 0 8px;letter-spacing:-.5px}.card-main h2 small{display:block;font:11px/1.7 var(--sans);color:var(--muted);letter-spacing:.5px}.author{color:var(--muted);font-size:10px}.places{font-size:12px;margin:14px 0 8px;color:#53614f}.metrics{display:flex;flex-wrap:wrap;gap:3px 10px;color:var(--muted);font-size:9px;min-height:34px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:10px}.card-bottom label{display:flex;gap:5px;align-items:center;white-space:nowrap}.card-bottom input{accent-color:var(--forest);margin:0}.card-bottom button{font-size:10px;border:0;background:none;padding:3px 0}.more-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:35px;color:var(--muted);font-size:11px}#empty{padding:65px 20px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}#empty h2{color:var(--ink);font-size:23px;font-weight:500}#empty button{margin-top:15px}footer{border-top:1px solid var(--line);padding:35px 0 100px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px}.footer-brand{font:italic 26px Georgia,serif;color:var(--forest)}footer p{margin:0;max-width:650px}.footer-about{background:none;border:0;padding:5px 0;font-size:11px}#compareBar{position:fixed;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;padding:12px 18px 12px 24px;border:1px solid var(--line);border-radius:40px;box-shadow:0 5px 30px #2635281c;font-size:12px;max-width:calc(100% - 24px)}#compareBar>div{display:flex;gap:8px}#compareBar button{font-size:11px;white-space:nowrap}.primary{background:var(--forest);border-color:var(--forest);color:white}.primary:hover{background:#465e42}dialog{border:1px solid var(--line);border-radius:20px;padding:38px;max-height:90vh;width:min(760px,calc(100% - 32px));color:var(--ink);background:var(--paper);overscroll-behavior:contain;line-height:1.9}dialog::backdrop{background:#1c271d8c}body:has(dialog[open]){overflow:hidden}.close{float:right;position:sticky;top:0;z-index:2;width:34px;height:34px;border-radius:50%;padding:0;font-size:23px;line-height:1;background:#fff}.latin{font:italic 36px/1.25 Georgia,serif;overflow-wrap:anywhere;letter-spacing:-.7px;margin:8px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-actions button{font-size:11px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.detail-visual{min-width:0}.detail-visual .photo-button{height:360px}.detail-visual .photo-credit{height:auto;font-size:9px;margin-top:10px}.detail-thumbs{display:flex;gap:8px;margin-top:10px}.detail-thumbs button{padding:3px;border-radius:8px;width:63px;height:60px;overflow:hidden}.detail-thumbs button[aria-pressed=true]{border:2px solid var(--forest)}.detail-thumbs img{height:100%;width:100%;object-fit:contain}.detail-summary{font-size:14px;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-grid>div{padding:12px 0;border-top:1px solid var(--line)}.detail-grid span{font-size:10px;display:block;color:var(--muted)}.detail-grid strong{font-size:12px;font-weight:400;display:block;margin-top:5px}.detail-note{background:var(--surface);padding:14px 17px;border-radius:9px;font-size:11px;color:#5c6a54}.detail-section{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.detail-section h3{font-size:13px;font-weight:500;margin:0 0 9px}.detail-section p{font-size:12px;color:var(--muted);margin:0}.related{display:flex;gap:8px;flex-wrap:wrap}.related button{font:italic 15px Georgia,serif;padding:7px 14px}.source-link{display:inline-block;margin-top:22px;font-size:12px}.detail-foot{font-size:10px;color:var(--muted);line-height:1.9;margin-top:18px}#detailDialog{width:min(1060px,calc(100% - 32px))}#detailContent>.author{margin:0}.photo-large{height:55vh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#e9eee5}.photo-large img{height:100%;width:100%;object-fit:contain}.photo-navigation{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0;font-size:11px}.photo-navigation button{font-size:11px}.photo-author{font-size:11px;color:var(--muted)}#photoContent>a{font-size:12px}#photoDialog{width:min(1000px,calc(100% - 32px))}.photo-fallback{font-size:12px;padding:20px}.table-scroll{overflow-x:auto;max-width:100%}#compareDialog{width:min(1060px,calc(100% - 32px))}#compareDialog h2,#aboutDialog h2{font-size:28px;font-weight:500;margin:0 0 24px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;table-layout:fixed}th,td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{width:100px;font-weight:400;color:var(--muted)}thead td{font:italic 22px Georgia,serif}.compare-photo{width:100%;height:150px;object-fit:contain;background:var(--surface);border-radius:9px;margin-bottom:14px}.compare-detail{font:inherit;background:none;border:0;padding:0;text-align:left;border-radius:0}.compare-remove{display:block;margin-top:12px;font:10px var(--sans);padding:4px 9px}#aboutDialog>p:not(.eyebrow){font-size:13px;color:var(--muted)}#toast{display:none;position:fixed;z-index:20;bottom:95px;left:50%;transform:translateX(-50%);background:#283c2b;color:white;padding:12px 22px;border-radius:10px;font-size:12px;max-width:90%;width:max-content}
@media(min-width:1000px){.filter-panel{position:sticky;top:24px}.detail-visual{position:sticky;top:0}}@media(max-width:1150px){.workspace{gap:26px;grid-template-columns:180px minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-sub{display:none}.photo-button{height:245px}}@media(max-width:760px){.site-header{padding:18px 5%;flex-wrap:wrap;gap:14px}.brand{font-size:16px}nav{width:100%;justify-content:space-between;gap:2px}.nav{font-size:11px;padding:6px 9px}main{padding:0 5%}.catalog-heading{padding:35px 0 27px;align-items:start;flex-direction:column;gap:16px}.catalog-heading h1{font-size:33px}.catalog-heading>p{font-size:12px}.workspace{display:block;padding-top:24px}.filter-panel{padding:15px;background:var(--surface);border-radius:12px;margin:10px 0 20px}.filter-title{margin:0}#filterToggle{display:inline-block;font-size:12px;padding:8px 14px}.filter-title>span{display:none}.filter-panel>label:not(.check){margin-top:14px}.filter-panel.collapsed{display:none}.aside-note{display:none}.results{margin-top:22px}.quick{margin-bottom:18px;gap:6px}.quick>span{display:none}.search-wrap{padding:8px 12px;gap:9px}.search-wrap input{font-size:11px}kbd{display:none}.cards{gap:12px}.card{padding:10px;border-radius:12px}.photo-button{height:190px}.card-main h2{font-size:22px}.card-main h2 small{font-size:9px}.photo-credit{font-size:7px;margin:6px 0 12px}.card-top{margin-bottom:8px}.status{font-size:8px;padding:2px 5px}.save{font-size:22px}.card-bottom{flex-wrap:wrap;font-size:9px;gap:7px}.card-bottom button{font-size:9px}.places{font-size:10px}.metrics{font-size:8px;min-height:36px}.result-toolbar{font-size:10px;gap:4px}.result-toolbar select{font-size:10px;padding-right:0;max-width:118px}.more-row{flex-direction:column;gap:8px}footer{flex-direction:column;padding-bottom:115px}#compareBar{gap:10px;padding:10px 12px;font-size:10px;width:calc(100% - 24px)}#compareBar>div{gap:4px}#compareBar button{font-size:10px;padding:7px 10px}dialog{padding:22px 18px;border-radius:15px;max-height:92vh}.latin{font-size:29px;max-width:90%}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-visual .photo-button{height:300px}.detail-actions{gap:6px;margin:16px 0}.detail-actions button{padding:6px 12px}.detail-grid{gap:0 14px}.detail-summary{font-size:13px}.photo-large{height:48vh}.photo-navigation{font-size:10px}.photo-navigation button{padding:6px 10px;font-size:10px}table{min-width:650px}th{width:90px}th,td{padding:12px}thead td{font-size:20px}.compare-photo{height:130px}.table-scroll th{position:sticky;left:0;background:var(--paper)}#empty{padding:40px 15px}}@media(max-width:380px){.photo-button{height:160px}.card-main h2{font-size:19px}.card-bottom{font-size:8px}.result-toolbar{align-items:start}.result-toolbar p{max-width:150px}.detail-visual .photo-button{height:260px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Quiet, responsive feedback. Layout and source photographs remain unchanged. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.card{transition:transform 200ms var(--ease-out),border-color 180ms ease,box-shadow 200ms ease}
button,.nav{transition:transform 120ms var(--ease-out),background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.photo-zoom{transition:transform 180ms var(--ease-out),background-color 180ms ease}
.save{transition:transform 160ms var(--ease-out),color 160ms ease}
.save.save-feedback{transform:scale(1.12) rotate(-8deg)}
html:not([data-input="keyboard"]) button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #334b3c0b}.photo-button:hover .photo-zoom{transform:translateY(-2px);background:#fff}.save:hover{transform:rotate(-8deg)}.related button:hover{transform:translateY(-2px)}}
@supports(transition-behavior:allow-discrete){
 /* Keep large image dialogs on an opacity-only transition; no full-screen blur. */
 dialog{opacity:0;transition:opacity 140ms ease-out}
 dialog[open]{opacity:1}
 dialog::backdrop{opacity:0;transition:opacity 140ms ease-out}
 dialog[open]::backdrop{opacity:1}
 @starting-style{dialog[open]{opacity:0}dialog[open]::backdrop{opacity:0}}
 #compareBar{opacity:1;transition:opacity 180ms var(--ease-out),display 180ms allow-discrete}
 #compareBar[hidden]{opacity:0}
 @starting-style{#compareBar{opacity:0}}
}
html[data-input="keyboard"] dialog,html[data-input="keyboard"] dialog::backdrop{transition:none}
@media(prefers-reduced-motion:reduce){.card,button,.nav,.photo-zoom,.save,dialog,dialog::backdrop,#compareBar{transition:none!important;animation:none!important}.card:hover,.save:hover,.related button:hover,.photo-button:hover .photo-zoom,html:not([data-input="keyboard"]) button:active,.save.save-feedback{transform:none!important}}

/* Shared A wordmark links keep the accessible home name. */
.brand .brand-logo{display:block;width:210px;height:auto}.site-header{padding-top:12px;padding-bottom:12px}.footer-logo{display:inline-flex;flex-shrink:0}.footer-logo .brand-logo{width:210px;height:auto}
@media(max-width:760px){.brand .brand-logo{width:175px}.footer-logo .brand-logo{width:190px}}

.coverage-stats{display:grid;grid-template-columns:repeat(3,1fr) 2fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.coverage-stats strong{font-size:24px;font-weight:400;display:block;color:var(--forest)}.coverage-stats span{font-size:11px;color:var(--muted)}.coverage-stats p{font-size:11px;color:var(--muted);margin:0;align-self:center}.photo-placeholder{height:215px;background:var(--surface);border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);gap:8px;margin-bottom:39px;font-size:12px}.photo-placeholder small{font-size:9px}.photo-placeholder.compare-photo{height:150px;margin-bottom:14px;font:11px var(--sans)}
@media(max-width:760px){.coverage-stats{gap:12px;padding:20px 0;grid-template-columns:repeat(3,1fr)}.coverage-stats strong{font-size:20px}.coverage-stats span{font-size:9px}.coverage-stats p{grid-column:1/-1;font-size:10px}.photo-placeholder{height:190px;font-size:10px}.photo-placeholder small{font-size:8px}}@media(max-width:380px){.photo-placeholder{height:160px}}

/* Latest supplied wordmark: display the original JPG, with no regenerated lettering. */
.brand-logo-view{display:block;position:relative;overflow:hidden;width:210px;aspect-ratio:860/250;flex-shrink:0}
.brand-logo-view .brand-logo-latest{position:absolute;max-width:none!important;width:119.07%!important;height:auto!important;left:-8.14%;top:-156%;filter:invert(1);mix-blend-mode:multiply}
@media(max-width:760px){.brand .brand-logo-view{width:175px}.footer-logo .brand-logo-view{width:190px}}
@media(max-width:650px){.logo .brand-logo-view{width:144px}}
@media(max-width:360px){.logo .brand-logo-view{width:120px}}

.aos-records ul{padding-left:1.2em;margin:12px 0}.aos-records li{margin:8px 0;overflow-wrap:anywhere}

.primary-records ul{padding-left:1.2em;margin:12px 0}.primary-records li{margin:8px 0}.primary-records p,.primary-records a{overflow-wrap:anywhere}

.photo-credit:has(.photo-license){height:auto;min-height:24px}.photo-license{display:inline;font-size:inherit}.photo-license a{text-decoration:underline}

/* Keep no-derivatives photographs intact, including previews and gallery changes. */
.photo-button[data-original-photo]::before,.photo-large[data-original-photo]::before{display:none}
.photo-button[data-original-photo] img,.photo-large[data-original-photo] img,.detail-thumbs [data-original-photo] img{object-fit:contain;filter:none;transform:none}
/* Reading surfaces continue the homepage forest palette. */
dialog{--paper:#13241b;--ink:#edf1e8;--muted:#bac8b6;--line:#bacbad35;--surface:#20372a;--forest:#d3e1c8;color-scheme:dark;background:var(--paper);color:var(--ink);border:1px solid #a8b8a247;border-radius:5px;padding:40px;box-shadow:0 24px 100px #0007;scrollbar-color:#778e70 #13241b}
dialog::backdrop{background:#030a08b8}
dialog .close{background:#20372a;color:#edf1e8;border-color:#9eb39370;box-shadow:0 2px 12px #08150e55;width:38px;height:38px;font-size:24px}
dialog .close:hover{background:#304b38}
dialog :is(button,.contribute-link){border-color:#9eb39370;background:transparent;color:#dce9d2;border-radius:3px}
dialog button:hover{background:#ffffff0b;border-color:#c2d2b8}
dialog :is(a,button,summary):focus-visible{outline:2px solid #e4ecdc;outline-offset:4px}
dialog .eyebrow{color:#a8b8a2;font-size:9px;letter-spacing:2px;margin-bottom:18px}
dialog .latin{font-size:clamp(30px,3.2vw,44px);line-height:1.2;color:#edf1e8;max-width:calc(100% - 48px);letter-spacing:-.5px}
dialog .author{font-size:11px;color:#a8b8a2;margin-top:10px}
.detail-actions{margin:25px 0 30px;padding-bottom:25px;border-bottom:1px solid var(--line);gap:10px}
.detail-actions button{padding:8px 14px;font-size:11px}
.detail-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px}
dialog .detail-visual .photo-button{height:410px;background:#08150e;border-radius:3px}
dialog .photo-button img,dialog .photo-large img{object-fit:contain}
dialog .photo-button::before,dialog .photo-large::before{opacity:.28}
dialog .photo-zoom{background:#edf1e8e8;color:#193020}
dialog .photo-credit{color:#a8b8a2;font-size:10px;line-height:1.8}
dialog .photo-credit a:hover{color:#edf1e8}
dialog .detail-thumbs{gap:9px;margin-top:15px;flex-wrap:wrap}
dialog .detail-thumbs button{width:66px;height:62px;padding:4px;background:#08150e;border-color:#9eb39355}
dialog .detail-thumbs button[aria-pressed=true]{border:2px solid #d3e1c8}
dialog .detail-summary{font-size:14px;line-height:1.95;margin-bottom:24px;color:#e1e9da}
dialog .detail-grid{gap:0 22px}
dialog .detail-grid>div{padding:16px 0}
dialog .detail-grid span{font-size:10px;color:#a8b8a2;letter-spacing:.4px}
dialog .detail-grid strong{font-size:13px;line-height:1.85;margin-top:8px;color:#edf1e8}
dialog .detail-note{background:#20372a;border-left:2px solid #91a889;border-radius:0;color:#c7d5be;font-size:12px;line-height:1.95;padding:16px 18px;margin:24px 0}
dialog .detail-section{margin-top:30px;padding-top:22px}
dialog .detail-section h3{font:400 20px/1.5 'Songti SC','Noto Serif CJK SC',SimSun,serif;color:#edf1e8;margin-bottom:13px}
dialog .detail-section p{font-size:12px;line-height:1.95;color:#bac8b6}
dialog .detail-section li{font-size:12px;color:#bac8b6}
dialog .source-link{font-size:11px;color:#d3e1c8;line-height:1.8;overflow-wrap:anywhere}
dialog .detail-foot{color:#a8b8a2;font-size:10px;line-height:1.9}
dialog .contribute-link{display:inline-block;padding:8px 14px;border:1px solid #9eb39370;margin-top:15px;font-size:11px;text-decoration:none}
dialog .contribute-link:hover{background:#ffffff0b}
dialog .community-record{border-color:var(--line)}dialog .community-record small{color:#a8b8a2}
dialog .photo-placeholder{background:#0c1b12;border:1px solid var(--line);border-radius:3px;color:#bac8b6}
dialog .photo-large{background:#08150e;border-radius:3px;height:60vh;margin-top:24px}
dialog .photo-author{color:#bac8b6;line-height:1.9;font-size:12px}
dialog .photo-navigation{padding:15px 0;border-bottom:1px solid var(--line);gap:12px}
dialog .photo-navigation span{color:#bac8b6}
#compareDialog h2,#aboutDialog h2{font:400 34px/1.4 'Songti SC','Noto Serif CJK SC',SimSun,serif;color:#edf1e8}
#aboutDialog>p:not(.eyebrow){color:#bac8b6;font-size:13px;line-height:2}
dialog .compare-photo{background:#08150e;border-radius:3px}dialog th{color:#a8b8a2}dialog td{color:#edf1e8}
@media(max-width:760px){dialog{padding:25px 20px;width:calc(100% - 24px);max-height:94svh;border-radius:4px}#detailDialog,#photoDialog,#compareDialog{width:calc(100% - 24px)}dialog .close{width:36px;height:36px;top:0}.detail-layout{grid-template-columns:1fr;gap:25px}dialog .detail-visual{position:static}dialog .detail-visual .photo-button{height:360px}dialog .latin{font-size:31px;max-width:calc(100% - 42px)}.detail-actions{margin:20px 0 25px;padding-bottom:20px}dialog .detail-section{margin-top:25px;padding-top:20px}dialog .photo-large{height:52svh}dialog .detail-summary{font-size:13px}dialog .detail-grid strong{font-size:12px}dialog .detail-note{font-size:11px;padding:14px}dialog .photo-navigation{font-size:10px}#compareDialog h2,#aboutDialog h2{font-size:29px}}
@media(max-width:380px){dialog{padding:22px 16px}dialog .latin{font-size:27px}dialog .detail-visual .photo-button{height:300px}dialog .detail-grid{gap:0 14px}}