/* Independent Americana design. Original copy, routes, forms and scripts retained. */
:root{--primary:#253f58;--secondary:#253f58;--accent:#a43d32;--green:#253f58;--orange:#a43d32;--yellow:#c39a4b;--ink:#263341;--light:#f7f2e8;--line:#c9beab}
body{background:#fbf8f0;color:var(--ink)}
header{background:#fbf8f0;border-bottom:3px double var(--primary)}
.brand{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-style:italic;letter-spacing:-2px;color:var(--primary)}
.preview{background:var(--primary);border-bottom:3px solid #c39a4b}
.eyebrow{color:var(--accent);font-family:Georgia,serif;font-size:14px;letter-spacing:.16em;font-weight:800}
h1{font-weight:900;letter-spacing:.025em;color:var(--primary)}
h2,h3{color:var(--primary);font-weight:800}h2{letter-spacing:.055em}
.hero{position:relative}.hero h1{padding-left:24px;border-left:7px solid var(--accent)}
.hero .eyebrow{border:2px solid var(--primary);padding:7px 15px;display:inline-block;transform:rotate(-2deg);background:#f3e5c5}
.hero img{border-radius:6px!important;border:10px solid #fffdf6;outline:1px solid var(--line);box-shadow:10px 12px 0 #253f5820;transform:rotate(1.5deg)}
.button{border-radius:3px!important;box-shadow:4px 4px 0 #c39a4b;border:2px solid var(--primary);letter-spacing:.04em}
.button:hover{background:#344f68;color:white;transform:translateY(-2px)}
.button.outline{background:#fbf8f0;border-color:var(--primary);color:var(--primary)}
.button.outline:hover{background:#eee5d3;color:var(--primary)}
.cta .button{background:var(--accent);border-color:var(--accent)}
.quick{border-top:3px double var(--primary);border-bottom:3px double var(--primary);padding:27px 0}.quick a{color:var(--primary)}
.sectionhead{border-bottom:2px solid var(--primary);padding-bottom:20px}
.servicecard,.articlecard{border:1px solid var(--line);border-radius:5px!important;background:#fffdf7;box-shadow:5px 5px 0 #e3dac7}
.servicecard:hover,.articlecard:hover{border-color:var(--accent)}
.cardtop{border-bottom:1px dashed var(--line);padding-bottom:18px}
.symbol{background:#c39a4b!important;border:3px double var(--primary)!important;border-radius:8px!important;transform:rotate(-8deg)}
.s02,.s04{background:#dbe2e6!important}.s03{background:#eed5c9!important}
.pagetop{border-bottom:3px double var(--line);padding-bottom:48px!important}
.quote{background:#253f58!important;border-radius:5px!important;border:5px double #c39a4b;color:#fffaf0!important;padding:42px!important}
.quote h2,.quote .eyebrow,.quote p{color:#fffaf0!important}
.three article{border-color:var(--primary)}
.support-illustration{background:#f0e5ca;border:2px solid var(--primary);border-radius:50%;color:var(--primary);box-shadow:3px 3px 0 #c39a4b;padding:10px}
.illustrated-points article:nth-child(3n+2) .support-illustration{color:var(--accent)}
.illustrated-points article:nth-child(3n) .support-illustration{color:var(--primary);background:#e2e7e9}
.nav-icon{stroke-width:2}.guide-visual{background:#f0e8d8;border-radius:4px;border:3px double var(--primary)}
.guide-visual-item{border-radius:3px;background:#fffdf7;border:1px solid var(--line)}
.guide-visual-item svg,.article-topic-icon svg{background:#f3e5c5;border:2px solid var(--primary);border-radius:50%;padding:9px;color:var(--primary)}
.guide-visual-item:nth-child(2) svg{color:var(--accent)}.guide-visual-item:nth-child(3) svg{color:var(--primary);background:#e1e7e9}
.article-topic-icon{color:var(--primary)}
.family-summary,.school-feature{background:#f0e8d8;border-radius:3px;border-left:5px solid var(--accent)}
.philosophy-art{border-radius:4px;border:3px double var(--primary);padding:10px;background:#f7efd9}
.philosophy-grid article,.philosophy-grid article:nth-child(3n+2),.philosophy-grid article:nth-child(3n){background:#fffdf7;border:1px solid var(--line);border-top:5px solid var(--primary);border-radius:3px;box-shadow:5px 5px 0 #e3dac7}
.philosophy-grid article:nth-child(3n){border-top-color:var(--accent)}.philosophy-number{font-family:Georgia,serif;font-size:28px;color:var(--accent)}
.editorialphoto img{border-radius:4px!important;border:8px solid #fffdf7;outline:1px solid var(--line)}
.domain span,.tag{color:var(--primary)}
.cta{background:#efe5cf!important;border:3px double var(--primary);border-radius:4px!important}
footer{background:#253f58!important;color:#fffaf0!important;border-top:6px double #c39a4b}footer .brand,footer .brand span,footer a,footer .fine{color:#fffaf0!important}
details{border-bottom:1px solid var(--line)}summary{color:var(--primary)}
.note,.sourcebox{background:#f0e8d8;border-radius:3px}
@media(max-width:1100px){#nav{background:#fbf8f0}.menu{border:2px solid var(--primary);border-radius:2px;background:#fbf8f0}}
@media(max-width:650px){.hero h1{padding-left:15px;border-left-width:5px}.hero img{transform:none;box-shadow:5px 5px 0 #253f5820}.quote{padding:25px!important}.button{box-shadow:3px 3px 0 #c39a4b}.philosophy-art{padding:4px}}
/* Final direction: clear American comic ink, restrained three-color accents. */
.servicecard,.articlecard,.philosophy-grid article,.philosophy-grid article:nth-child(3n+2),.philosophy-grid article:nth-child(3n){border:2px solid var(--primary);box-shadow:5px 5px 0 var(--primary)}
.button{border:2px solid var(--primary)!important;box-shadow:4px 4px 0 var(--primary);background:var(--accent)}
.hero .eyebrow{box-shadow:3px 3px 0 var(--primary);background:#f3dda4}
.hero img{outline:2px solid var(--primary);box-shadow:8px 8px 0 var(--primary)}
.support-illustration,.guide-visual-item svg,.article-topic-icon svg{stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;background:#fffdf7;box-shadow:3px 3px 0 var(--primary)}
.philosophy-art{border:2px solid var(--primary);box-shadow:6px 6px 0 #c39a4b;background:#fffdf7}
.floating{border:2px solid var(--primary);border-radius:12px;box-shadow:4px 4px 0 var(--primary)}

.friends{border:3px solid var(--primary);border-radius:5px;background:#f6edda;box-shadow:6px 6px 0 var(--primary)}.friends-stage svg{stroke:#253f58;stroke-width:1.5;stroke-linejoin:round}.friend-tabs button{border:2px solid var(--primary);border-radius:4px}.friends-stage{background:#fffdf7!important;border:2px solid var(--primary);border-radius:4px!important}
