@charset "UTF-8";
html[data-display=ribbon]{--paper:#f6f2ea;--ink:#35312b;--muted:#8b8174;--line:#dcd3c7;--accent:#a2644d;--ribbon-height:clamp(290px,38svh,460px);--ribbon-max-width:min(44vw,760px)}
html[data-display=ribbon] .site-header{background:#f6f2eaed}
html[data-display=ribbon] .ribbon-chapter{padding-bottom:65px}
html[data-display=ribbon] .ribbon-chapter:nth-child(3n+2){background:#ede8de}
html[data-display=ribbon] .ribbon-chapter:nth-child(3n+3){background:#edf0e7}
html[data-display=ribbon] .chapter-kicker{margin-bottom:26px;border-top-color:#716957}
html[data-display=ribbon] .ribbon-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}
html[data-display=ribbon] .chapter-title{padding:0;min-width:0}
html[data-display=ribbon] .chapter-title h1,html[data-display=ribbon] .chapter-title h2{font-size:clamp(65px,6.6vw,128px);line-height:1.13}
html[data-display=ribbon] .ribbon-info{display:flex;gap:40px;align-items:center;padding:0 2px 10px;font-size:10px;color:var(--muted);white-space:nowrap}
html[data-display=ribbon] .ribbon-hint{color:#a2644d;font-size:11px}
html[data-display=ribbon] .ribbon-track{width:calc(100% + var(--pad));margin-right:calc(-1 * var(--pad));overflow-x:auto;overflow-y:hidden;position:relative;cursor:grab;touch-action:auto;overscroll-behavior-x:contain;scrollbar-color:#b69c80 #dfd6c93d;scrollbar-width:thin;outline:0;user-select:none;-webkit-user-select:none}
html[data-display=ribbon] .ribbon-track:focus-visible{outline:1px solid var(--accent);outline-offset:7px}
html[data-display=ribbon] .ribbon-track.is-dragging,html[data-display=ribbon] .ribbon-track.is-dragging *{cursor:grabbing!important}
html[data-display=ribbon] .ribbon-track[data-overflow=false]{cursor:default}
html[data-display=ribbon] .ribbon-items{display:flex;align-items:flex-end;gap:clamp(22px,2.2vw,44px);width:max-content;min-width:100%;height:calc(var(--ribbon-height) + 38px);padding:0 var(--pad) 12px 0}
html[data-display=ribbon] .ribbon-item{flex:none;margin:0;min-width:0;width:min(calc(var(--ribbon-height) * var(--photo-ratio)),var(--ribbon-max-width))}
html[data-display=ribbon] .ribbon-photo{position:relative;display:block;width:100%;height:auto;aspect-ratio:var(--photo-ratio);cursor:grab;background:#e4ded3;outline-offset:4px;overflow:hidden}
html[data-display=ribbon] .ribbon-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;pointer-events:none;color:transparent}
html[data-display=ribbon] .ribbon-photo[data-load=ready]{background:transparent}
html[data-display=ribbon] .ribbon-item figcaption{font:9px var(--mono);color:var(--muted);padding-top:11px;line-height:14px;pointer-events:none}
html[data-display=ribbon] .ribbon-error{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:11px}
html[data-display=ribbon] .chapter-foot{border-top:0;margin-top:21px;gap:25px}
html[data-display=ribbon] .ribbon-range{font:9px var(--mono);color:var(--muted);margin-left:auto;white-space:nowrap}
html[data-display=ribbon] .chapter-foot .source-link{margin-left:0;max-width:25%}
html[data-display=ribbon] .chapter-image-list button[aria-current=true]{color:#955c43;border-color:#a2644d}
html[data-display=ribbon] .site-footer{background:#e9e5d9}
html[data-display=ribbon] .footer-bottom{color:#847967;border-top-color:#98897445}
html[data-display=ribbon] .archive-cover{background:#e9e3d5}
html[data-display=ribbon] .archive-card:nth-child(3n+2) .archive-cover{background:#ebdfd7}
html[data-display=ribbon] .archive-card:nth-child(3n) .archive-cover{background:#e5e9df}
html[data-display=ribbon] #photoCursor{display:none!important}
html[data-display=ribbon] .chapter-nav{background:#f6f2eadb;border-radius:18px;padding:7px 4px;right:8px;backdrop-filter:blur(5px)}
@media(max-width:1200px){html[data-display=ribbon]{--ribbon-height:clamp(270px,38svh,370px);--ribbon-max-width:46vw}html[data-display=ribbon] .ribbon-info{gap:24px}html[data-display=ribbon] .ribbon-heading{margin-bottom:30px}}