/* Follow the Influence | Understand Your Government: shared civic learning layout */
.fti-civic{background:#f9f6ef;color:#263e57}
.civic-wrap{max-width:1080px;margin:auto;padding:2.3rem clamp(18px,4vw,42px) 5rem}
.civic-crumb{font:500 .81rem/1.6 Arial,sans-serif;margin:0 0 1.2rem;color:#647383}
.civic-crumb a{color:#235775}
.civic-eyebrow{font:750 .71rem/1.6 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6f614f}
.civic-hero{border-bottom:1px solid #dcd4c8;padding:0 0 2.1rem;margin:0 0 1.4rem}
.civic-hero h1{font:400 clamp(2.7rem,6vw,4.8rem)/1.09 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:.5rem 0 1rem;color:#253e55}
.civic-lead{font:400 clamp(1.08rem,2vw,1.26rem)/1.65 Arial,sans-serif;color:#536577;max-width:66ch}
.civic-hero .civic-actions{margin-top:1.4rem}
.civic-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.civic-button{border-radius:5px;background:#263f59;color:#fff!important;text-decoration:none!important;font:700 .89rem/1.45 Arial,sans-serif;padding:.75rem 1rem;display:inline-block}
.civic-button.secondary{background:transparent;color:#24577b!important;border:1px solid #aebdc7}
.civic-section{padding:1rem 0 1.7rem;border-bottom:1px solid #e0d9ce;margin:0 0 1.2rem}
.civic-section h2{font:400 clamp(1.6rem,3vw,2.1rem)/1.2 Georgia,serif;color:#283f54;margin:.25rem 0 .85rem}
.civic-section h3{font:650 1.08rem/1.4 Arial,sans-serif;margin:.3rem 0 .5rem}
.civic-section p,.civic-section li{font:400 .99rem/1.75 Arial,sans-serif;color:#42576a}
.civic-section p{margin:.45rem 0 .85rem}
.civic-section a{color:#245a7c;text-underline-offset:3px}
.civic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.civic-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.civic-card{background:#fffdf9;border:1px solid #dcd3c6;border-radius:8px;padding:1.2rem}
.civic-card p{margin:.35rem 0 .65rem}
.civic-card a{font-weight:700}
.civic-tag{font:750 .67rem/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#756b5c}
.civic-document{background:#fffdfa;border:1px solid #d6c9b8;border-left:4px solid #9d8261;border-radius:5px;padding:1rem 1.25rem}
.civic-doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.civic-note{background:#f1ebe1;border-left:3px solid #9c8163;padding:1rem 1.1rem}
.civic-source-list{padding-left:1.4rem}
.civic-small{color:#697687!important;font-size:.86rem!important}
.civic-flow{list-style:none;padding:0;counter-reset:steps}
.civic-flow li{counter-increment:steps;margin:0 0 .75rem;padding:.75rem .9rem .75rem 3rem;background:#f3efe7;border:1px solid #ddd5c9;position:relative;border-radius:6px}
.civic-flow li:before{content:counter(steps);position:absolute;top:.78rem;left:1rem;font:bold .9rem Arial,sans-serif;color:#3b6080}
.civic-links-list{padding-left:1.2rem}
.civic-footer-note{font:.87rem/1.65 Arial,sans-serif;color:#647282;padding-top:1.6rem}
.civic-lesson-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:1rem 0;margin-top:1.1rem;border-top:1px solid #ded8cd}
.civic-lesson-nav a{font:700 .88rem/1.5 Arial,sans-serif;color:#245a7c}
@media(max-width:760px){.civic-grid,.civic-grid.two,.civic-doc-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.civic-wrap{padding-top:1.5rem}.civic-grid,.civic-grid.two,.civic-doc-list{grid-template-columns:1fr}.civic-card{padding:1rem}.civic-hero h1{font-size:2.65rem}}
@media print{.site-header,.book-home-footer,.civic-lesson-nav,.fti-share-button{display:none!important}.civic-wrap{max-width:none;padding:0}.civic-section{break-inside:avoid-page}.civic-card{break-inside:avoid-page}}

/* Visible secondary guide navigation; retain the site's ivory-and-navy palette. */
.civic-hero .civic-actions a{display:inline-flex;align-items:center;min-height:40px;padding:.55rem .9rem;border-radius:5px;border:1px solid #c7c1b6;text-decoration:none;color:#285472;font:700 .86rem/1.4 Arial,sans-serif}
.civic-hero .civic-actions a:first-child{background:#263f59;color:#fff;border-color:#263f59}
.civic-hero .civic-actions a:hover{background:#eee8df}
.civic-hero .civic-actions a:first-child:hover{background:#385d7f}
.civic-grid .civic-card{min-width:0}
.civic-card a{overflow-wrap:anywhere}
@media(max-width:560px){.civic-hero .civic-actions{align-items:stretch}.civic-hero .civic-actions a{flex:1;justify-content:center;text-align:center}}

/* Official third-party educational video embed; responsive without hosting video media. */
.civic-video-frame{position:relative;aspect-ratio:16/9;max-width:840px;width:100%;overflow:hidden;border-radius:9px;border:1px solid #c8d2dc;background:#0c2342;margin:1rem 0 1rem}
.civic-video-frame iframe{display:block;width:100%;height:100%;border:0}
.civic-video-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.85rem 0 1rem}
.civic-video-actions a{display:inline-flex;align-items:center;min-height:44px;padding:.68rem .9rem;border:1px solid #899caf;border-radius:5px;background:#fffdf9;color:#204c71!important;font:700 .88rem/1.4 Arial,sans-serif;text-decoration:none!important}
.civic-video-actions a:first-child{background:#253f59;color:#fff!important;border-color:#253f59}
.civic-video-actions a:hover{outline:2px solid #8fb0ca;outline-offset:2px}