@font-face{font-family:Literata;src:url("vendor/fonts/literata-latin.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400 700}
:root{--paper:#f3eddd;--panel:#faf6eb;--ink:#191919;--muted:#6b665c;--line:#d4cbb8;--red:#e3120b;--blue:#1f5a7a;--green:#38654f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.page-head{border-top:7px solid var(--red);border-bottom:1px solid var(--line);padding:28px 0 30px}
.head-inner,main{width:min(1260px,calc(100% - 40px));margin:auto}
.back{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
.kicker{margin:33px 0 7px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0;white-space:nowrap;font:600 clamp(27px,5.8vw,72px)/.98 Literata,Georgia,serif;letter-spacing:-.05em}
.intro{max-width:790px;margin:20px 0 0;color:var(--muted);font:400 16px/1.6 Literata,Georgia,serif}
.summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px;margin-top:28px;border-top:2px solid var(--ink)}
.summary div{padding:13px 18px 4px 0}.summary strong{display:block;font:600 27px/1 Literata,Georgia,serif}.summary span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.3}
main{padding:28px 0 80px}.toolbar{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:10px;padding:16px;border:1px solid var(--line);background:#eae1cf}.toolbar label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.toolbar input,.toolbar select{display:block;width:100%;margin-top:6px;border:1px solid #bdb29d;background:#fffdf7;color:var(--ink);padding:10px 11px;font:600 12px/1.2 Arial,sans-serif}
.result-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 13px}.result-bar p{margin:0;color:var(--muted);font-size:12px}.pager{display:flex;align-items:center;gap:10px}.pager button{border:1px solid var(--ink);background:transparent;padding:7px 12px;font-weight:700;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.pager span{min-width:90px;text-align:center;font-size:11px;color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.location-card{min-width:0;border-top:3px solid var(--ink);background:rgba(250,246,235,.78);padding:17px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.card-kicker{margin:0 0 3px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.card-head h2{margin:0;font:600 18px/1.2 Literata,Georgia,serif}.analysis-badge{flex:none;max-width:210px;padding:5px 7px;border:1px solid #9db2a6;background:#e8f0eb;color:var(--green);font-size:9px;font-weight:800;line-height:1.25;text-align:right}.analysis-badge.excluded{border-color:#ccbca4;background:#f1e8d9;color:#795a2b}
.photo-strip{display:grid;gap:7px}.photo-strip.photos-2{grid-template-columns:repeat(2,1fr)}.photo-strip.photos-3{grid-template-columns:repeat(3,1fr)}.photo-strip.photos-4{grid-template-columns:repeat(4,1fr)}.photo-strip figure{min-width:0;margin:0}.image-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#ddd4c3;border:3px solid transparent}.image-wrap.first-present{border-color:var(--red)}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.photo-year{position:absolute;top:5px;left:5px;padding:4px 6px;background:rgba(25,25,25,.82);color:white;font-size:10px;font-weight:800}.photo-strip figcaption{margin-top:6px;color:var(--ink);font-size:9.5px;line-height:1.25}.photo-strip figcaption span{display:block;min-height:24px;font-weight:800}.photo-strip figcaption small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.3}
.score-chart{display:block;width:100%;height:auto;margin:14px 0 3px;background:#f7f2e7}.chart-grid{stroke:#d7cfbe;stroke-width:1}.chart-threshold{stroke:#918978;stroke-width:1;stroke-dasharray:4 4}.chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:var(--blue)}.chart-highlight{fill:var(--red);stroke:#fffdf7;stroke-width:2}.chart-label{fill:var(--muted);font:9px Arial,sans-serif}.chart-explanation{margin:0 0 10px;color:var(--muted);font-size:9.5px;line-height:1.4}
.card-meta{display:flex;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.card-meta a{flex:none;color:var(--blue);font-weight:700;text-decoration:none}.empty{padding:60px 0;text-align:center;color:var(--muted)}
.method-note{max-width:880px;margin:54px auto 0;padding:25px 28px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:rgba(250,246,235,.72)}.method-note h2{margin:0 0 12px;font:700 22px Literata,serif}.method-note p{margin:10px 0;color:var(--muted);font:13px/1.62 Literata,serif}.method-note strong{color:var(--ink)}.border-key{padding:1px 4px;border:2px solid var(--red);color:var(--ink)}
@media(max-width:950px){.summary{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}}
@media(max-width:620px){.head-inner,main{width:min(100% - 24px,1260px)}.page-head{padding-top:20px}h1{font-size:clamp(19px,4.2vw,28px)}.intro{font-size:14px}.summary{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.result-bar{align-items:flex-end}.location-card{padding:11px}.card-head{display:block}.analysis-badge{display:inline-block;margin-top:8px;text-align:left}.photo-strip.photos-4{grid-template-columns:repeat(2,1fr)}.photo-strip figcaption span{min-height:0}.card-meta{display:block}.card-meta a{display:inline-block;margin-top:5px}.method-note{padding:20px}}
