/* A richer museum-poster treatment. The historical data and map colors are unchanged. */
:root{--ink:#112d50;--muted:#657184;--paper:#f7f0df;--white:#fffdf7;--line:#d9cdb6;--red:#b7263b;--blue:#204e7d;--gold:#d2aa61;--navy:#102c50}
body{background-color:#eee4d0;background-image:linear-gradient(#f4eddfed,#eee3ccf2),url('assets/declaration-parchment.jpg');background-size:cover,850px auto;background-attachment:fixed;}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;box-shadow:inset 8px 0 #ac2439,inset -8px 0 #16385f}
.site-header{position:relative;background:#102c50;color:#fff8e9;border-top:7px solid #b7263b;border-bottom:3px solid #d2aa61;box-shadow:0 5px 18px #122c501f;padding-top:23px;padding-bottom:23px}
.site-header:after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f6edda 0 33%,#b7263b 33% 66%,#f6edda 66%)}
.brand{color:#fff7e8;font-size:13px;letter-spacing:1.2px}.brand small{color:#cfba92;font-size:8px}.brand:hover{color:white}.brand-mark i{background:#fff6e7}.brand-mark i:nth-child(2){background:#db3b50}.brand-mark i:nth-child(3){background:#729cca}
.nav-btn{color:#ede4d2;font-size:12px;padding:9px 1px}.nav-btn:hover{color:#f3d48f}.nav-btn.active{color:#fff}.nav-btn.active:after{background:#e0bd73;height:3px;bottom:-26px}.edition{color:#b4c5d9}.edition b{color:#f1cd85;font-size:14px}
main{padding-top:1px}.eyebrow{color:#8e2940}.quiet-button{border-color:#c09a59;box-shadow:0 3px 8px #112d5010}
.intro.patriotic-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;min-height:0;position:relative;isolation:isolate;overflow:hidden;margin:29px 0 24px;padding:0;background:#102c50;color:#fff6e5;border:1px solid #b99053;border-radius:9px;box-shadow:0 15px 35px #152b5026}
.intro.patriotic-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#102c50 0%,#102c50f2 35%,#102c506b 65%,#102c5040),url('assets/flag.jpg');background-size:cover;background-position:center,68% 43%;opacity:1;pointer-events:none}
.intro.patriotic-hero:after{content:'';position:absolute;top:11px;left:11px;right:11px;bottom:11px;width:auto;height:auto;z-index:0;background:none;opacity:1;filter:none;mix-blend-mode:normal;mask-image:none;border:1px solid #e6cb8840;pointer-events:none}
.hero-copy{position:relative;z-index:2;padding:40px 0 30px 36px}.intro .eyebrow{color:#e9c984;font-size:9px;letter-spacing:1.9px;display:flex;align-items:center;gap:8px;margin-bottom:17px}.intro .eyebrow span{color:#fff4d8;font-size:12px}
.intro h1{font-size:clamp(40px,4.5vw,72px);line-height:1.02;letter-spacing:-.9px;color:#fff9ed;text-shadow:0 2px 12px #081e3850;margin-bottom:17px}.intro .dek{color:#e0e9f1;font-size:14px;line-height:1.7;max-width:490px}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.intro .quiet-button{background:#c72b42;color:white;border:1px solid #e85c6e;border-radius:3px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 6px 15px #061e3866}.intro .quiet-button:hover{background:#db3a50;transform:translateY(-1px)}.intro .quiet-button span{margin-left:18px}.hero-secondary{font-size:11px;color:#f4d99d;border-bottom:1px solid #c7b17b66;padding:6px 0}.hero-secondary:hover{color:white}.hero-secondary span{margin-left:14px}
.hero-facts{display:flex;gap:22px;margin-top:24px;padding-top:15px;border-top:1px solid #d2aa6150;max-width:480px}.hero-facts span{font-size:9px;color:#d6dfe9;line-height:1.5}.hero-facts b{display:block;font:normal 29px/1.2 var(--serif);color:#f0ce86;margin-bottom:2px}
.hero-art{position:relative;min-height:360px;isolation:isolate;pointer-events:none}.hero-stars{position:absolute;top:25px;left:55px;font-size:18px;letter-spacing:16px;color:#f4d99c;text-shadow:0 2px 10px #001c3f}
.historic-frame{position:absolute;width:72%;left:0;bottom:31px;border:6px solid #f5e7c6;outline:1px solid #9f7a3c;transform:rotate(-5deg);box-shadow:0 10px 30px #071e39aa;background:#f5e7c6}.historic-frame img{display:block;width:100%;height:171px;object-fit:cover;filter:saturate(1.12)}.historic-frame>span{display:block;color:#674823;font-size:6px;letter-spacing:1.4px;text-align:center;padding:5px 0 1px}
.document-frame{position:absolute;right:18px;bottom:23px;width:114px;height:166px;transform:rotate(8deg);border:5px solid #e6cc99;background:#b99a60;box-shadow:0 8px 22px #071e39aa;overflow:hidden;z-index:2}.document-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.eagle-medallion{position:absolute;top:50px;right:48px;width:173px;height:202px;border-radius:48% 48% 45% 45%;overflow:hidden;border:5px solid #d2aa61;outline:1px solid #f7dfaa;box-shadow:0 10px 25px #071e3990;background:#f9f6ed;transform:rotate(3deg);z-index:3}.eagle-medallion img{position:absolute;width:380px;height:382px;max-width:none;left:-155px;top:-33px;filter:saturate(1.25) contrast(1.08)}
.art-flourish{position:absolute;right:28px;top:24px;font-size:36px;color:#e7bc63;transform:rotate(15deg);text-shadow:0 4px 12px #071e3970}
.hero-flag-ribbon{grid-column:1/-1;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:21px;background:linear-gradient(90deg,#7d1c32ed,#a5273de8 48%,#6d192be8);border-top:1px solid #d2aa61;min-height:89px;padding:12px 25px;color:#fff0d2}
.ribbon-label{font-size:8px;font-weight:700;letter-spacing:1.5px;max-width:80px;line-height:1.6}.hero-flag-ribbon figure{margin:0;text-align:center}.hero-flag-ribbon img{display:block;object-fit:contain;box-shadow:0 3px 7px #390b2040;border:1px solid #f4e4bd80;width:76px;height:40px}.hero-flag-ribbon figcaption{font-size:7px;color:#f2dfc4;margin-top:5px;letter-spacing:.3px}.ribbon-star{font-size:11px;color:#e8c578}.ribbon-end{font-size:7px;letter-spacing:1.2px;border-left:1px solid #e8c57888;margin-left:9px;padding-left:21px;line-height:1.8}.ribbon-end b{font-size:8px;font-weight:600;white-space:nowrap}
.timeline-panel{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#10345f,#18335a 55%,#481f3f);border:1px solid #bd9252;border-top:5px solid #b5263e;border-radius:7px;box-shadow:0 9px 24px #112d501f;padding:24px 28px 16px;scroll-margin-top:16px}
.timeline-panel:before{content:'★  ★  ★  ★  ★';position:absolute;right:-24px;top:0;z-index:-1;transform:rotate(-12deg);font-size:60px;letter-spacing:21px;color:#ffffff09;white-space:nowrap}.timeline-panel:after{content:'';position:absolute;left:0;bottom:0;right:0;height:3px;background:linear-gradient(90deg,#b7263b 0 33%,#f4e3bc 33% 66%,#416d9e 66%);pointer-events:none}
.year-block{padding-right:25px;border-color:#e0c38650}.year-block strong{font-size:53px;color:#f3d18d;text-shadow:0 2px 6px #071e3940}.year-block .eyebrow{color:#d6e1ee;font-size:8px;letter-spacing:1.4px}.era-label{color:#eccd8b;font-size:9px;letter-spacing:1.3px}.period-heading h2{font-size:25px;color:#fff9ed}.timeline-flag{flex-basis:136px}.flag-button{width:136px;gap:8px}.flag-button img{width:128px;height:70px;padding:3px;background:#fff9eb;border:1px solid #e3bc6c;border-radius:2px;box-shadow:0 4px 12px #0004}#period-flag-label{font-size:9px;color:#f0d99c}.flag-info-icon{font-size:11px;color:#e7ce94;right:1px}
.icon-button{width:34px;height:34px;background:#ffffff15;border-color:#d4b67588;color:#fff7e6}.icon-button:hover{background:#b82c43;border-color:#e8c578}.select-label{color:#dbcaab;font-size:8px}.select-label select{background:#183354;color:white;border-color:#d7b76d99;font-size:10px}.range-wrap{margin-top:23px}input[type=range]{accent-color:#e6c27c}.range-labels{color:#d0dbeb;font-size:9px;margin-top:4px}.quick-stops{border-color:#d2aa6144;padding-top:11px}.quick-stops button{font-size:10px;padding:5px 9px;color:#dce6f2}.quick-stops button.active{background:#d4b06b;color:#142f51;box-shadow:0 2px 5px #071e3933}.quick-stops button:hover{background:#bb2b43;color:white}
.atlas-grid{gap:23px;margin-top:26px}.map-panel,.story-panel{border:1px solid #cabc9f;border-top:5px solid #b72941;background:#fffdf6;border-radius:7px;box-shadow:0 8px 25px #26395414}.story-panel{border-top-color:#244f7d}.map-top{padding:24px 25px 0}.map-top .eyebrow{color:#a02b40;letter-spacing:1.5px;font-size:9px}.map-top h2{font-size:28px;color:#173a62}.segmented{background:#e6e9eb;border:1px solid #d0d7dd;padding:3px}.segmented button{font-size:11px;padding:6px 10px}.segmented button.active{background:#244f7d;color:white;box-shadow:0 2px 5px #0b2c5022}.map-context{font-size:11px;padding:10px 25px 0;color:#65748a}
.map-canvas{position:relative;margin:13px 12px 0;background-color:#f6f1e6;background-image:radial-gradient(#baa88866 .7px,transparent .7px),linear-gradient(150deg,#f9f6ed,#efe6d380);background-size:12px 12px,cover;border:1px solid #d7c7a480;border-radius:3px}
.map-canvas:after{content:'';position:absolute;right:12px;bottom:20px;width:56px;height:70px;background:url('assets/compass.svg') center/contain no-repeat;opacity:.7;pointer-events:none}
.map-legend{padding:15px 25px 13px;gap:10px 17px}.legend-item{font-size:11px}.legend-swatch{width:11px;height:11px;border-radius:1px}.map-note{border-top:1px solid #d9cdb6;color:#5e6c7e;font-size:11px;line-height:1.65;padding:13px 0;margin:0 25px}.map-note summary{color:#a0293d}.map-footer{background:#f4eddd;border-color:#ddcfb5;font-size:9px;padding:12px 25px}.map-footer .text-button{font-size:10px}
.panel-tabs{background:linear-gradient(90deg,#edf1f5,#f6f1e5);border-color:#d6c8ac;gap:22px}.panel-tabs button{font-size:12px;padding:17px 0 14px;color:#546882}.panel-tabs button[aria-selected=true]{color:#a6243b}.panel-tabs button[aria-selected=true]:after{background:#b8263f;height:3px}.panel-tabs span{background:#dbcfb4;color:#5e4b2c;font-size:9px}.panel-content{padding:26px;max-height:770px}.panel-content .eyebrow{font-size:9px;color:#8e2940}.panel-content h2{font-size:32px;color:#16395e}.panel-content p,.panel-content .lead{font-size:13px;line-height:1.8}.mini-rule{border-color:#bb293f;width:48px;border-top-width:3px}.section-label{font-size:9px;color:#906e36;letter-spacing:1.5px}.election-summary{border-color:#ded1b6}.election-summary b{font-size:16px;color:#1a4775}.election-summary span{font-size:11px}.read-more{border-color:#dbcfb7}.read-more summary{font-size:12px;color:#274e78}.source-link{font-size:12px;border-color:#dfd3bc}.source-link small{font-size:9px;color:#8b6e42}.source-link:hover{color:#b5263d}.source-cite{color:#a82a3e}.question{border-color:#d7c7a7}.question p{font-family:var(--serif);font-size:22px;line-height:1.4}.text-button{color:#9b283e}.text-button:hover{color:#183f69}
.heritage-gallery{margin:37px 0 32px}.heritage-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b59761;padding-bottom:13px;margin-bottom:20px}.heritage-heading .eyebrow{font-size:9px;color:#9b2b40}.heritage-heading h2{font-size:39px;color:#183d65;margin:0}.heritage-heading>span{color:#a27d3f;letter-spacing:10px;font-size:15px}.heritage-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.heritage-card{display:flex;flex-direction:column;background:#fffaf0;border:1px solid #c8b58d;border-bottom:4px solid #254e7a;box-shadow:0 8px 18px #1b365916;text-decoration:none;color:#183553;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.heritage-card:hover{transform:translateY(-4px);box-shadow:0 13px 24px #1b36592b;color:#8e2136}.heritage-image{height:222px;position:relative;overflow:hidden;background:#c7aa72}.heritage-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s;filter:saturate(1.08)}.heritage-card:hover img{transform:scale(1.035)}.heritage-image>span{position:absolute;bottom:0;left:0;background:#a9273eea;color:white;font-size:8px;letter-spacing:1.5px;padding:7px 11px;font-weight:600}.parchment-card .heritage-image img{object-fit:contain;object-position:center 10%}.parchment-card .heritage-image{background:radial-gradient(#d5bd85,#9b763e)}.heritage-caption{padding:18px 19px}.heritage-caption h3{font:normal 24px/1.15 var(--serif);margin:0 0 10px}.heritage-caption h3 span{font:14px var(--font);color:#af293e}.heritage-caption p{font-size:11px;line-height:1.7;color:#68717b;margin:0}
.below-map{padding:33px 31px;margin:28px 0 27px;border:1px solid #b39154;border-radius:6px;color:white;box-shadow:0 8px 25px #18335424;grid-template-columns:1fr 1.4fr;gap:40px}.below-map:before{background-image:linear-gradient(90deg,#102c50fa 0%,#102c50e8 38%,#102c50a1 68%,#7e2037b8),url('assets/flag.jpg');background-position:center,70% 34%}.below-map .eyebrow{color:#edcd86}.below-map h2{color:#fff8e7;font-size:32px}.below-map p{color:#d9e1ed;font-size:13px;line-height:1.7;margin-bottom:0}.lens-links{gap:15px;padding-top:10px}.lens-links button{padding:17px 13px;background:#fff9e9e8;border:1px solid #e1c58c;border-top:4px solid #c22e43;border-radius:3px;color:#193d66;box-shadow:0 4px 12px #0c214233}.lens-links button:hover{background:#fff9e9;transform:translateY(-2px)}.lens-links b{font-size:22px;margin-bottom:10px}.lens-links span{font-size:10px;color:#69778a;line-height:1.5}
.page-intro{max-width:none;padding:34px 32px 28px;margin:30px 0 25px;background-image:linear-gradient(90deg,#102c50fa,#102c50d8 65%,#7e2037b8),url('assets/flag.jpg');background-size:cover;background-position:center;border-radius:7px;border:1px solid #b49152;border-top:5px solid #b52b41;color:#fff5df;box-shadow:0 8px 22px #102c5020}.page-intro h1{color:#fff7e9}.page-intro .eyebrow{color:#e9c982}.page-intro>p:not(.eyebrow){color:#e0e7f1;max-width:850px}.page-intro .field-label{color:#f4d99a}.page-intro .field-label select{color:#15395d}.page-intro .muted{color:#e0cc9c;font-size:11px}.page-intro .search-field{border-color:#d3b575;background:#fffaf1}.library-filters .quiet-button{color:#15395d;background:#fff7e5;border-color:#d3ae64}.library-filters select{border-color:#d3b575;color:#163c63}.source-results{gap:17px 22px}.source-card{background:#fffaf0;border:1px solid #d4c4a1;border-left:4px solid #b12b42;border-radius:3px;padding:19px 21px;box-shadow:0 4px 12px #1833540b}.source-card h3{font-size:14px}.source-card p{font-size:12px;line-height:1.7}.source-card a{font-size:11px}.document-kind{background:#dce6ef;color:#274e75}
.evolution-grid{gap:24px}.evolution-card{border:1px solid #d6c4a0;border-top:5px solid #316599;box-shadow:0 7px 20px #18335412;background:linear-gradient(145deg,#fffdf7,#edf2f8);border-radius:4px;padding:28px}.evolution-card:nth-child(2){border-top:5px solid #bc2b40;background:linear-gradient(145deg,#fffdf7,#f7eceb)}.evolution-card h2{color:#224e7d}.evolution-card:nth-child(2) h2{color:#a22a3f}.full-narrative{border:1px solid #d4c4a2;border-top:4px solid #c29b55;border-radius:5px;box-shadow:0 7px 20px #18335412;max-width:none;padding:31px}.full-narrative h2{font-size:34px}.guide-nav{padding:0 17px 10px;background:#fff8e8;border:1px solid #d5c3a0;border-top:4px solid #b52b41;border-radius:3px}.guide-nav a{font-size:12px;color:#234b73;border-color:#ded0b3}.guide-copy article{background:#fffaf0;padding:25px 28px;border:1px solid #d7c6a5;border-top:3px solid #b59051;border-radius:4px;box-shadow:0 5px 16px #1833540c}.guide-copy h2{color:#214d77}.guide-copy p{font-size:14px}.guide-copy article a{color:#a0283c}
.patriotic-footer-band{display:flex;align-items:center;justify-content:center;gap:30px;background:#a8263c;border-top:3px solid #d6b46e;border-bottom:3px solid #d6b46e;padding:11px 5%;color:#f3d69d;font-size:12px;letter-spacing:8px}.patriotic-footer-band i{display:block;width:140px;height:1px;background:#e2bd73aa}.site-footer{max-width:none;background:#102c50;color:#c4d2e2;padding:27px max(4.5%,calc((100vw - 1490px)/2)) 29px;font-size:10px;gap:35px}.site-footer b{color:#f2d499;font-size:11px;letter-spacing:1.5px}.site-footer p{font-size:10px;line-height:1.7}.site-footer .text-button{color:#efd494;font-size:10px}.site-footer .text-button:hover{color:white}.visual-credits{max-width:none;background:#173655;color:#dbe4ed;padding:24px 4.5%;margin:0;font-size:11px;border-top:1px solid #c9a66b}.visual-credits .eyebrow{color:#f0ce86}.visual-credits a{color:#f0ce86}
.state-selector{border-color:#c6b58f;background:#fffaf0;font-size:13px}.allocation-row{font-size:12px;border-color:#e1d4b8}.state-history{border-color:#d8c8a9}.history-row{font-size:11px;border-color:#e7dcc8}.history-row.active{color:#a5283e}
@media(min-width:1600px){.hero-copy{padding:43px 0 35px 44px}.hero-art{min-height:390px}.historic-frame img{height:192px}.eagle-medallion{right:66px;top:61px}.document-frame{right:36px;bottom:30px}.hero-facts{margin-top:26px}.intro h1{font-size:76px}.map-top h2{font-size:30px}.panel-content{max-height:850px}.heritage-image{height:245px}}
@media(max-width:1200px){.hero-copy{padding-left:28px}.intro h1{font-size:56px}.intro .dek{font-size:13px;max-width:430px}.hero-art{min-height:350px}.hero-facts{gap:17px}.hero-facts span{font-size:8px}.eagle-medallion{right:28px;top:56px;width:158px;height:188px}.document-frame{right:14px;width:98px;height:145px}.historic-frame{width:77%;bottom:35px}.historic-frame img{height:145px}.hero-stars{left:21px;letter-spacing:12px}.hero-flag-ribbon{gap:17px}.timeline-heading{gap:18px}.timeline-flag{flex-basis:120px}.flag-button{width:120px}.flag-button img{width:116px;height:64px}.timeline-actions{width:auto}.select-label{margin-left:10px}.select-label select{width:165px}.period-heading h2{font-size:23px}.panel-tabs{gap:17px}.panel-content{padding:23px}.panel-content h2{font-size:29px}.below-map{gap:27px}.lens-links{gap:10px}.lens-links button{padding:15px 11px}.lens-links b{font-size:20px}}
@media(max-width:1100px){.timeline-actions{width:100%}.select-label{margin-left:auto}.select-label select{width:250px}.intro h1{font-size:49px}.hero-art{min-height:337px}.hero-copy{padding-top:31px}.hero-facts{margin-top:19px}.intro .eyebrow{font-size:8px}.eagle-medallion{right:24px;top:47px;width:145px;height:177px}.eagle-medallion img{left:-163px;top:-36px}.historic-frame{left:-10px;width:79%;bottom:35px}.historic-frame img{height:134px}.document-frame{width:87px;height:130px}.hero-flag-ribbon{gap:14px}.ribbon-end{display:none}.map-top h2{font-size:25px}.heritage-caption h3{font-size:22px}.heritage-image{height:190px}}
@media(max-width:800px){body:before{box-shadow:inset 4px 0 #ac2439,inset -4px 0 #16385f}.site-header{padding:18px 5% 0;gap:17px}.brand{font-size:11px}.brand small{font-size:7px}.nav-btn{font-size:10px;padding-bottom:13px;color:#f1e7d1}.nav-btn.active:after{bottom:0}.intro.patriotic-hero{grid-template-columns:1fr .7fr;margin-top:23px}.hero-copy{padding:28px 0 24px 24px}.intro h1{font-size:43px}.intro .dek{font-size:12px;max-width:345px}.hero-actions{gap:15px;margin-top:19px;flex-wrap:wrap}.intro .quiet-button{display:inline-block;font-size:11px;padding:10px 13px}.hero-secondary{font-size:10px}.hero-facts{gap:16px;max-width:340px}.hero-facts b{font-size:25px}.hero-facts span{font-size:8px}.hero-art{min-height:333px}.hero-stars{left:16px;top:30px;font-size:13px;letter-spacing:7px}.eagle-medallion{top:65px;right:19px;width:129px;height:155px;border-width:4px}.eagle-medallion img{width:330px;height:332px;left:-146px;top:-31px}.historic-frame{left:-8px;bottom:43px;width:90%;border-width:4px}.historic-frame img{height:120px}.historic-frame>span{font-size:5px;letter-spacing:.7px}.document-frame{right:14px;bottom:24px;width:75px;height:112px;border-width:3px}.art-flourish{font-size:25px;right:21px;top:24px}.hero-flag-ribbon{gap:13px;padding:12px 16px;min-height:83px}.ribbon-label{font-size:7px;letter-spacing:1px;max-width:67px}.hero-flag-ribbon img{width:63px;height:34px}.hero-flag-ribbon figcaption{font-size:6px}.ribbon-star{font-size:8px}.timeline-panel{padding:20px 20px 16px}.timeline-heading{grid-template-columns:78px minmax(0,1fr) 113px;gap:15px}.year-block{padding-right:15px}.year-block strong{font-size:43px}.timeline-flag{width:113px}.flag-button{width:113px}.flag-button img{width:108px;height:59px}.period-heading h2{font-size:22px}.era-label{font-size:8px}#period-flag-label{font-size:8px}.timeline-actions{width:100%}.range-labels{font-size:8px}.quick-stops button{font-size:9px}.atlas-grid{gap:23px;margin-top:24px}.map-top h2{font-size:27px}.map-context{font-size:11px}.panel-content{max-height:none;padding:25px}.panel-content h2{font-size:32px}.panel-content p,.panel-content .lead{font-size:13px}.map-note{font-size:11px}.heritage-heading h2{font-size:32px}.heritage-heading>span{font-size:12px;letter-spacing:6px}.heritage-cards{grid-template-columns:1fr 1fr;gap:18px}.heritage-card:first-child{grid-column:1/-1}.heritage-card:first-child .heritage-image{height:250px}.heritage-image{height:206px}.heritage-caption{padding:17px}.heritage-caption h3{font-size:23px}.heritage-caption p{font-size:11px}.below-map{grid-template-columns:1fr;gap:23px;padding:28px 25px}.below-map h2{font-size:31px}.lens-links{gap:14px}.lens-links b{font-size:22px}.lens-links button{padding:17px 13px}.lens-links span{font-size:10px}.page-intro{padding:27px 25px 24px}.page-intro h1{font-size:43px}.page-intro>p:not(.eyebrow){font-size:13px}.guide-copy article{padding:22px}.guide-copy p{font-size:13px}.source-results{gap:17px}.patriotic-footer-band{gap:20px}.patriotic-footer-band i{width:70px}.site-footer{padding:25px 5%;gap:15px}}
@media(max-width:560px){.intro.patriotic-hero{grid-template-columns:1fr;overflow:hidden}.intro.patriotic-hero:before{background-image:linear-gradient(90deg,#102c50f5,#102c50e0 65%,#102c50a8),url('assets/flag.jpg');background-position:center,64% 23%;background-size:cover}.hero-copy{padding:29px 25px 24px}.intro h1{font-size:48px;max-width:365px;position:relative;z-index:3}.intro .eyebrow{font-size:7px;letter-spacing:1.3px}.intro .dek{font-size:12px;max-width:340px}.hero-art{display:none}.hero-copy:after{content:'★';position:absolute;right:26px;top:46px;font-size:123px;color:#ebcf8d10;transform:rotate(13deg);pointer-events:none;z-index:-1}.hero-facts{gap:22px;margin-top:20px}.hero-facts b{font-size:27px}.hero-facts span{font-size:8px}.hero-actions{gap:22px}.hero-flag-ribbon{gap:10px;justify-content:space-between;padding:12px 19px;min-height:78px}.ribbon-label,.ribbon-star{display:none}.hero-flag-ribbon img{width:58px;height:32px}.hero-flag-ribbon figcaption{font-size:6px}.timeline-panel{padding:18px 16px 15px}.timeline-heading{grid-template-columns:61px minmax(0,1fr) 88px;gap:11px}.year-block{padding-right:11px}.year-block strong{font-size:35px}.year-block .eyebrow{font-size:6px}.period-heading h2{font-size:20px;line-height:1.14}.era-label{display:none}.timeline-flag,.flag-button{width:88px}.flag-button img{width:84px;height:47px;padding:2px}.flag-info-icon{font-size:9px;right:-2px;bottom:-2px}#period-flag-label{font-size:7px}.timeline-actions{gap:5px;flex-wrap:nowrap}.icon-button{width:29px;height:29px;font-size:12px}.select-label{font-size:7px}.select-label select{width:184px;font-size:9px}.range-labels{font-size:7px}.quick-stops{padding-top:10px;margin-top:11px}.quick-stops button{font-size:8px;padding:5px 7px}.map-top{padding:20px 18px 0;gap:10px}.map-top .eyebrow{font-size:8px}.map-top h2{font-size:25px}.segmented button{font-size:10px;padding:6px 8px}.map-context{padding-left:18px;padding-right:18px;font-size:10px;min-height:43px}.map-canvas{margin:10px 7px 0}.map-canvas:after{width:35px;height:46px;right:8px;bottom:12px;opacity:.55}.map-legend{padding:13px 18px;gap:9px 13px}.legend-item{font-size:10px}.map-note{margin:0 18px;font-size:10px}.map-footer{padding:12px 18px;font-size:8px}.map-footer .text-button{font-size:9px}.panel-tabs{padding:0 20px;gap:21px}.panel-tabs button{font-size:11px}.panel-content{padding:23px}.panel-content h2{font-size:30px}.panel-content p{font-size:13px}.heritage-gallery{margin-top:30px}.heritage-heading h2{font-size:31px;max-width:240px}.heritage-heading>span{font-size:9px;letter-spacing:4px}.heritage-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.heritage-cards{grid-template-columns:1fr;gap:19px}.heritage-card:first-child{grid-column:auto}.heritage-card:first-child .heritage-image,.heritage-image{height:218px}.parchment-card .heritage-image{height:245px}.heritage-caption{padding:19px}.heritage-caption h3{font-size:26px}.heritage-caption p{font-size:12px}.below-map{padding:27px 23px;margin:25px 0}.below-map h2{font-size:31px}.below-map p{font-size:12px}.lens-links{grid-template-columns:1fr;gap:12px;padding-top:0}.lens-links button{padding:16px 16px;border-top-width:3px}.lens-links b{font-size:24px;margin-bottom:6px}.lens-links span{font-size:11px}.page-intro{padding:26px 22px 23px}.page-intro h1{font-size:40px}.page-intro .eyebrow{font-size:7px}.page-intro>p:not(.eyebrow){font-size:12px}.field-label select{min-width:0;width:100%;font-size:11px}.source-card{padding:19px}.source-card h3{font-size:14px}.source-card p{font-size:12px}.evolution-card{padding:23px}.evolution-card h2{font-size:31px}.full-narrative{padding:23px}.guide-copy article{padding:22px}.guide-copy h2{font-size:29px}.patriotic-footer-band{gap:15px;font-size:10px;letter-spacing:5px}.patriotic-footer-band i{width:30px}.site-footer p{font-size:10px}}
@media(max-width:370px){.hero-copy{padding-left:21px;padding-right:21px}.intro h1{font-size:43px}.hero-facts{gap:17px}.timeline-heading{grid-template-columns:53px minmax(0,1fr) 75px;gap:9px}.year-block strong{font-size:32px}.period-heading h2{font-size:18px}.flag-button,.timeline-flag{width:75px}.flag-button img{width:73px;height:42px}.select-label select{width:156px}.icon-button{width:27px;height:27px}.hero-flag-ribbon{padding-left:15px;padding-right:15px}.hero-flag-ribbon img{width:53px;height:29px}.map-top h2{font-size:23px}.segmented button{padding:5px 7px;font-size:9px}}
@media(prefers-reduced-motion:no-preference){.intro.patriotic-hero{animation:heritage-reveal .65s ease-out both}.hero-art{animation:heritage-reveal .95s ease-out both}.flag-button img{animation:flag-drift 8s ease-in-out infinite;transform-origin:15% 50%}@keyframes heritage-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flag-drift{0%,100%{transform:rotate(-.4deg) translateY(0)}50%{transform:rotate(.4deg) translateY(-2px)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff!important;color:#111}body:before,.intro:before,.intro:after,.hero-art,.hero-flag-ribbon,.hero-facts,.hero-actions,.heritage-gallery,.patriotic-footer-band,.map-canvas:after{display:none!important}.site-header{background:white;color:#111;border-top:0;border-bottom:1px solid #aaa;padding:10px 0;box-shadow:none}.brand,.brand small,.site-footer b{color:#111}.intro.patriotic-hero{display:block;color:#111;background:#fff;border:0;box-shadow:none;margin:15px 0;padding:0}.hero-copy{padding:0}.intro h1{font-size:31px;color:#111;text-shadow:none}.intro h1 br{display:none}.intro .dek,.intro .eyebrow{color:#333}.timeline-panel{background:white;color:#111;box-shadow:none;border:1px solid #aaa;padding:12px}.timeline-panel:before,.timeline-panel:after{display:none}.year-block strong,.period-heading h2,.era-label,#period-flag-label{color:#111}.flag-button img{box-shadow:none}.map-panel,.story-panel,.source-card,.guide-copy article,.full-narrative,.evolution-card{box-shadow:none;border-color:#bbb;background:#fff}.panel-content p{font-size:11px}.map-canvas{background:white;border:0}.map-footer{background:white}.page-intro{background:white;color:#111;border:0;box-shadow:none;padding:15px 0}.page-intro h1,.page-intro>p:not(.eyebrow),.page-intro .eyebrow{color:#111}.site-footer{background:#fff;color:#444;padding:15px 0}.guide-copy article{padding:15px 0}}

.timeline-panel:before{content:'';width:610px;height:210px;background:url('assets/stars.svg') center/220px 121px repeat;opacity:.045;pointer-events:none}
@media(max-width:560px){.hero-flag-ribbon{flex-wrap:wrap;row-gap:8px}.hero-flag-ribbon .ribbon-label{display:block;max-width:none;flex-basis:100%;text-align:center;font-size:6px;letter-spacing:1.5px}.hero-flag-ribbon .ribbon-star{display:none}}

.lens-links{align-items:stretch}.lens-links button{height:100%}