*,*::before,*::after{box-sizing:border-box}
html{background:#fafafa;scroll-behavior:smooth}body{margin:0;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:#262626}
/* Heading & strong styles */
h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.3;margin:0 0 1rem}h2{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:600;line-height:1.35;margin:1.5rem 0 .75rem}h3,h4{font-weight:500;line-height:1.4}h3{font-size:clamp(1.125rem,2.5vw,1.375rem);margin:1.25rem 0 .625rem}h4{font-size:clamp(1rem,2vw,1.125rem);margin:1rem 0 .5rem}strong{font-weight:600}
/* HEADER */
.site-header-bg{background:#e0e6eb;width:100%;position:relative}
.site-header{max-width:1200px;margin:auto;padding:15px;display:flex;justify-content:space-between;align-items:center}
.logo-area img{width:clamp(230px,55vw,290px);height:auto}
/*Search area*/
.search-area{margin:0 auto;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:clamp(350px,40vw,540px)}
.search-label{font-size:1.05rem;font-weight:600;color:#444}.search-box{width:100%}
.gsc-control-cse{padding:0!important;background-color:transparent!important;border-style:none!important}
.gsc-input{padding-right:5px!important;height:25.6px!important}.gsc-input:focus{outline:0!important}.gsc-input::placeholder{font-size:16px!important}
.gsc-input-box{border:2px solid #666!important;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,.15)}.gsc-input-box:focus-within{box-shadow:0 4px 7px rgba(0,0,0,.25)}
.gsc-search-button-v2{border-radius:5px!important;padding:12px 27px 11px!important;box-shadow:0 3px 5px rgba(0,0,0,.15)}.gsc-search-button-v2:hover{cursor:pointer;box-shadow:0 4px 7px rgba(0,0,0,.25)}
/* NAVIGATION */
.main-nav{background:#003852}
.main-nav ul{max-width:1200px;margin:auto;padding:0;list-style:none;display:flex;justify-content:space-between}
.main-nav li a{display:block;line-height:40px;font-size:clamp(13px,1.6vw,17px);padding:0 clamp(8px,1.2vw,18px);color:#f5f5f5;text-decoration:none;white-space:nowrap}
.main-nav li a.active,.main-nav li a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:#66d1ff}
/* HAMBURGER BASE */
.hamburger{position:absolute;top:15px;right:15px;display:none;cursor:pointer;padding:5px 14px}.hamburger span{display:block;width:28px;height:3px;background:#003852;margin:6px 0;border-radius:2px;transition:.3s}
.menu-toggle{display:none}.menu-toggle:checked+.hamburger span:nth-child(1){transform:translate(0,9px) rotate(-45deg)}.menu-toggle:checked+.hamburger span:nth-child(2){opacity:0}.menu-toggle:checked+.hamburger span:nth-child(3){transform:translate(0,-9px) rotate(45deg)}.menu-toggle:checked~.main-nav ul{display:flex}
/* PAGE LAYOUT */
.page-container{background:#fafafa;max-width:1200px;margin:auto;padding:10px;display:flex;gap:20px;align-items:stretch}.content-area{flex:1}.sidebar-right{width:260px;margin:0;padding:10px;background:#f2f5f7;border-left:1px solid #eee}
.related-box{padding:8px;border:1px solid #ccc;background:#f0f8ff;box-shadow:0 2px 6px rgba(0,0,0,.1);border-radius:4px;max-height:190px;overflow-y:auto}.related-box h2{font-size:1.2rem;margin-top:0;color:#004080;border-bottom:1px solid #004080;padding-bottom:2px}.related-box h2::before{content:"🔗 "}.related-box a{display:block;font-size:.95rem;font-weight:500;padding:4px;margin:3px 0;color:#003852;border-radius:4px}.related-box a:hover{background:#cde3f0}
.ad-box{margin:10px 0;text-align:center}
/* Global link style */
a{color:#0645ad;text-decoration:none;text-underline-offset:4px}p a,span a{text-decoration:underline;text-decoration-thickness:0.7px}a:hover{text-decoration-thickness:1.5px}
.content-area ul li{margin:.3rem 0}.link-list li{margin:4px 0}.link-list a{font-weight:500}.link-list a:hover{text-decoration:underline}
/*Left overs from previous style and extras*/
.ad-container{width:100%;min-height:50px;overflow:hidden;text-align:center}
.section-title{font-size:1.2rem;font-weight:600;margin:0}.icon{width:1.2em;height:1.2em;fill:currentColor;vertical-align:middle;margin-right:6px}.icon-text{display:inline-flex;align-items:center;gap:.5rem}button.icon-text{justify-content:center}
.store-grid{display:flex;flex-direction:column;gap:10px;margin:10px auto}
.store-item a{display:flex;align-items:center;min-height:100px;gap:15px;text-decoration:none;background:#fff;padding:12px;border:1px solid #dadce0;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.06)}.store-item a:hover{background:#eef3f7;border-color:#cfd8dc;box-shadow:0 2px 4px rgba(0,0,0,0.12)}.store-item img{flex-shrink:0;width:120px;height:60px}.store-info p{margin:3px 0 0;color:#333}
.img-container{text-align:center}.img-container img{width:100%;max-width:625px;height:auto}
summary{cursor:pointer;font-weight:600;margin:10px 0;color:navy}.disclaimer{font-size:.85em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* FOOTER */
.site-footer{padding:10px;background:#003852;color:#fff;text-align:center}.footer-content{max-width:1200px;margin:auto;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:180px}.footer-nav{margin-bottom:25px}.footer-nav a{margin:0 8px;color:#f5f5f5}.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:#66d1ff}
.social-icons{display:flex;gap:12px}.social-icons img{width:40px;height:40px}.social-icons a{display:inline-flex;padding:5px}.social-icons a:hover{outline:2px solid #c2edff}
@media (max-width:700px){
.site-header{flex-direction:column;align-items:flex-start}.search-area{margin-top:12px;text-align:center;width:100%;max-width:420px}
.hamburger{display:block}h1{text-align:center}
.main-nav{position:absolute;top:70px;left:0;width:100%;z-index:9}
.main-nav li,.main-nav ul{margin:0;padding:0}.main-nav ul{flex-direction:column;max-height:0;overflow:hidden;transition:max-height .35s ease-in-out}
.main-nav li a{font-size:18px;font-weight:600;line-height:50px;text-align:center;border-top:1px solid #999}
.menu-toggle:checked~.main-nav ul{max-height:500px}
.page-container{flex-direction:column;align-items:center}.content-area{padding:10px;width:100%}.sidebar-right{width:100%}.related-box{max-height:400px}
.store-item a{flex-direction:column;align-items:center;padding:10px}.store-item img{width:140px;height:auto}}
@media (max-width:1000px){.main-nav li a{padding:0 7px}}