:root{color-scheme:light;--ink:#202d29;--muted:#53625a;--paper:#f5f1e8;--white:#fffcf6;--line:#d6d1c4;--accent:#975124}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif}.mast{background:#203a30;color:#f9f5e9;border-bottom:5px solid #b37842}.mast-inner,main,footer{max-width:1500px;margin:auto}.mast-inner{padding:30px 32px 34px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.mast .eyebrow{color:#d6c5a9}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;margin:10px 0}h1 span{color:#e0aa70}.mast p{margin:0;color:#e6e3d7}main{padding:24px 32px 60px}.notice{padding:12px 16px;background:#ede1cb;border:1px solid #d7c39f;font-size:.9rem}.notice strong{margin-right:8px}.layout{display:grid;grid-template-columns:230px minmax(280px,1fr) minmax(260px,340px);gap:32px;margin-top:30px;align-items:start}h2{font-size:1.55rem;line-height:1.2}label,legend{display:block;font-size:.83rem;font-weight:700;margin:16px 0 6px}input,select,button{font:inherit}input:not([type=checkbox]),select{width:100%;min-height:42px;border:1px solid #a9afa7;background:var(--white);color:var(--ink);padding:8px;border-radius:3px}.years{display:grid;grid-template-columns:1fr 1fr;gap:9px}.years input{min-width:0}fieldset{border:0;padding:0;margin:22px 0 0}fieldset legend{padding:0}fieldset label{display:flex;align-items:center;gap:9px;margin:0;font-size:.9rem;font-weight:400;min-height:36px}input[type=checkbox]{width:18px;height:18px;accent-color:#37634d}.reset{margin-top:16px;background:transparent;border:1px solid #87968a;padding:9px 12px;color:var(--ink);cursor:pointer}.hint{font-size:.82rem;color:var(--muted);margin-top:20px}.result-head{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:12px}.result-head h2,.result-head p{margin:3px 0 0}.result-head p{font-size:.85rem;color:var(--muted)}.timeline{position:relative}.event{display:grid;grid-template-columns:90px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:20px 0}.date{font:700 1.2rem Georgia,serif;color:var(--accent);overflow-wrap:anywhere}.event button{display:block;text-align:left;border:0;padding:0;background:none;color:var(--ink);cursor:pointer;font:700 1.18rem/1.25 Georgia,serif}.event button:hover{text-decoration:underline}.event button[aria-pressed=true]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.meta{font-size:.79rem;color:var(--muted);margin:8px 0 0}.badge{display:inline-block;color:#633e20;background:#f0e2ce;padding:2px 7px;margin:7px 0 0;font-size:.75rem;font-weight:700}.detail{background:var(--white);border:1px solid var(--line);padding:24px;position:sticky;top:20px;overflow-wrap:anywhere}.detail h2{margin:10px 0}.detail h3{font:700 .75rem 'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 5px}.detail p,.detail ul{margin:0 0 10px}.detail ul{padding-left:20px}.detail a{color:#75411f}.error{background:#f6dcd4;padding:14px}footer{padding:0 32px 30px;font-size:.8rem;color:var(--muted)}:focus-visible{outline:3px solid #a64e1a;outline-offset:3px}@media(max-width:1050px){.layout{grid-template-columns:220px minmax(0,1fr)}.detail{grid-column:2;position:static}}@media(max-width:650px){.mast-inner{padding:24px 20px}main{padding:20px 20px 45px}.layout{display:block}.filters{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.detail{margin-top:28px}.event{grid-template-columns:75px minmax(0,1fr);gap:10px}.result-head{align-items:start}footer{padding-left:20px}}

.event{display:block}.date{font:700 .9rem/1.4 Georgia,serif;margin-bottom:6px;overflow-wrap:normal}
.graphic{margin-top:30px;border-top:2px solid var(--ink);padding-top:18px}.graphic-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.graphic-head h2{margin:4px 0}.graphic-head p,.graphic-note{font-size:.86rem;color:var(--muted);margin:0}.graphic-note{margin:12px 0}.diagram-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--white);padding:20px 24px}.diagram{width:880px}.diagram-axis,.diagram-lane{display:grid;grid-template-columns:180px 700px}.diagram-axis{align-items:end;padding-bottom:10px}.axis-heading{font-size:.78rem;font-weight:700}.axis-scale{position:relative;height:24px;border-bottom:1px solid var(--ink)}.axis-scale span{position:absolute;transform:translateX(-50%);font-size:.78rem;font-weight:700}.diagram-lane{border-bottom:1px solid var(--line);padding:10px 0}.diagram-lane h3{font:700 .9rem/1.3 'Segoe UI',Arial,sans-serif;margin:3px 12px 0 0}.diagram-plot{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e8e4dc calc(25% - 1px),#e8e4dc 25%)}.diagram-point,.diagram-range{position:absolute;background:#975124;z-index:1}.diagram-point{width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.diagram-range{height:0;border-top:3px dashed #975124;background:none}.diagram-event{position:absolute;width:165px;min-height:65px;max-height:82px;overflow:auto;text-align:left;cursor:pointer;border:1px solid #aeb8ac;background:#f4f1e9;padding:4px 7px;color:var(--ink);font-size:.8rem;line-height:1.2}.diagram-event strong,.diagram-event span{display:block;overflow-wrap:anywhere}.diagram-event span{margin-top:3px}.diagram-event[aria-pressed=true]{outline:2px solid #975124}.diagram-event:focus-visible,.diagram-scroll:focus-visible{outline:3px solid #975124;outline-offset:2px}.lane-empty{font-size:.8rem;color:var(--muted)}.diagram-legend{font-size:.8rem;color:var(--muted);margin:12px 0 0}@media(max-width:700px){.graphic-head{display:block}.graphic-head p{margin-top:8px}.diagram-scroll{padding:15px}}