/* Open Comic Series — public layer v0.1.0. Same structural lineage as FIELD Atlas. */
:root{--ink:#1A1E23;--ink-soft:#3A4048;--paper:#EEF0EC;--card:#FFFFFF;--bronze:#8C6A1D;--gold:#C9A227;--rule:#C7CBC2;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--bronze)}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--bronze);outline-offset:3px;border-radius:2px}img{display:block;max-width:100%;height:auto}.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}.site-head{background:var(--ink);color:var(--paper)}.site-head .wrap{display:flex;justify-content:space-between;align-items:baseline;padding-top:.9rem;padding-bottom:.9rem;gap:1rem;flex-wrap:wrap}.wordmark{font-family:var(--serif);font-size:1.15rem;letter-spacing:.14em;color:var(--paper);text-decoration:none;font-weight:600}.wordmark span{color:var(--gold)}.crumbs{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:#B9BFC6;margin:0}.crumbs a{color:var(--gold);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.ocs-main{padding-bottom:1rem}.ocs-hero{padding:3.25rem 0 2.25rem;border-bottom:2px solid var(--ink)}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin:0}.ocs-hero h1,.item-head h1,.ocs-rights h1{font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.025em}.ocs-hero h1{font-size:clamp(2.6rem,8vw,6.6rem);margin:.2rem 0 .8rem}.ocs-lede{font-size:1.15rem;max-width:68ch;color:var(--ink-soft);margin:0}.ocs-stats{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.35rem 0 0}.ocs-stats span{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--rule);background:rgba(255,255,255,.48);padding:.42rem .62rem;border-radius:999px}
.ocs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;padding:2.25rem 0 1rem}.ocs-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bronze);box-shadow:0 0 0 1px var(--bronze);border-radius:4px;overflow:hidden;min-width:0}.ocs-card__thumb{display:grid;place-items:center;background:var(--ink);border-bottom:1px solid var(--rule);aspect-ratio:4/5;overflow:hidden}.ocs-card__thumb img{width:100%;height:100%;object-fit:contain}.ocs-card__body{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.05rem 1.15rem;flex:1}.ocs-card__topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ocs-card__id,.ocs-card__meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.ocs-card__id{color:var(--bronze)}.ocs-card__primary{font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;background:var(--ink);color:var(--gold);padding:.18rem .38rem;border-radius:999px}.ocs-card h2{font-family:var(--serif);font-weight:600;font-size:1.18rem;line-height:1.25;margin:0}.ocs-card h2 a{color:var(--ink);text-decoration:none}.ocs-card h2 a:hover{text-decoration:underline;color:var(--bronze)}.ocs-card__meta{margin-top:auto;padding-top:.45rem}
.item-head{padding:2.75rem 0 1.35rem;border-bottom:2px solid var(--ink)}.item-head h1{font-size:clamp(2rem,5vw,4.1rem);margin:.35rem 0 .8rem;max-width:22ch}.receipt{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-top:2px dotted var(--rule);padding-top:.55rem;margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}.receipt b{color:var(--ink);font-weight:600}.sequence-shell{padding:1.5rem 0 .5rem}.sequence-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem}.sequence-controls button{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:42px;padding:.55rem .9rem;font:700 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;cursor:pointer}.sequence-controls button:hover{background:var(--bronze);border-color:var(--bronze)}.sequence-status{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft)}.ocs-sequence{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.1rem .1rem 1rem;overscroll-behavior-inline:contain}.ocs-frame{flex:0 0 min(100%,48rem);scroll-snap-align:start;margin:0;background:var(--card);border:1px solid var(--rule);padding:1rem;border-radius:4px}.ocs-frame img{width:100%;height:auto;max-height:82svh;object-fit:contain;margin:0 auto}.ocs-frame figcaption{font-size:.9rem;color:var(--ink-soft);margin-top:.7rem}.item-body{max-width:48rem;margin:1.25rem 0 2rem;padding:1.4rem 1.5rem;background:var(--card);border:1px solid var(--rule);border-left:5px solid var(--bronze);border-radius:4px}.item-body h2,.ocs-rights h2{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);margin:1.35rem 0 .35rem}.item-body h2:first-child{margin-top:0}.item-body p{margin:.15rem 0}.work-note{max-width:72ch;margin:1rem 0 2rem;color:var(--ink-soft)}.ocs-rights{max-width:70ch;padding:2.5rem 1.25rem}.ocs-rights h1{font-size:clamp(2.3rem,6vw,4.8rem);margin:.2rem 0 1rem}.ocs-rights code{font-family:var(--mono);font-size:.9em}
.site-foot{background:var(--ink);color:#B9BFC6;margin-top:3.5rem}.site-foot>.wrap{padding-top:2rem;padding-bottom:2rem}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;padding-bottom:1.75rem}.footer-nav section{min-width:0}.footer-nav h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem}.footer-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.footer-nav a{color:#D9DDE1;text-decoration:none;font-size:.86rem;line-height:1.35}.footer-nav a:hover{text-decoration:underline;color:#fff}.footer-nav a[aria-current="page"]{color:var(--gold);font-weight:700}.footer-meta{border-top:1px solid #3A4048;padding-top:.2rem}.site-foot .receipt{border-top-color:#3A4048;color:#B9BFC6}.site-foot .receipt b{color:var(--gold)}.site-foot p{font-size:.85rem;max-width:76ch;margin:.8rem 0 0}
@media(max-width:900px){.ocs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ocs-grid{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ocs-frame{flex-basis:100%}}@media(max-width:460px){.footer-nav{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ocs-sequence{scroll-behavior:auto}}