/* diag-attitude styles */
:root{--color-navy:#0B1D2A;--color-petrol:#114B5F;--color-verify:#2E7D32;--color-gray:#F4F6F8;--color-text:#1A1A1A;--color-light:#ffffff;--shadow-card:0 18px 30px rgba(11,29,42,0.12);--radius-base:14px;--transition:0.3s cubic-bezier(.4,0,.2,1);--max-width:1140px;--header-height:72px;font-size:16px}*{box-sizing:border-box}body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--color-text);background:var(--color-light);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block;height:auto}a{color:var(--color-petrol);text-decoration:none;transition:color var(--transition)}a:hover,a:focus{text-decoration:underline;color:var(--color-verify)}a:focus-visible{outline:3px solid var(--color-verify);outline-offset:4px}button{font-family:inherit}body>header{position:sticky;top:0;width:100%;background:rgba(11,29,42,0.95);color:var(--color-light);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(255,255,255,0.08)}header:hover .brand{background:linear-gradient(135deg,rgba(255,255,255,0.14),rgba(46,125,50,0.35));box-shadow:0 10px 24px rgba(25,126,91,0.38);}header:hover .brand img{transform:translateY(-1px);}header:hover .brand span{color:#FFFFFF;}header .brand:focus-visible{outline:3px solid rgba(127,224,193,0.8);outline-offset:4px;}header .brand:active img{transform:translateY(0);} .header-inner{max-width:var(--max-width);margin:0 auto;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.brand{display:flex;align-items:center;gap:0.75rem;padding:0.35rem 0.85rem 0.35rem 0.65rem;border-radius:calc(var(--radius-base) - 4px);background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(31,122,140,0.18));box-shadow:0 8px 20px rgba(0,0,0,0.35);transition:background var(--transition),box-shadow var(--transition);}.brand img{width:54px;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.35));transition:transform var(--transition);}.brand span{font-family:"Merriweather",serif;font-weight:700;letter-spacing:.08em;color:#ECF8F3;text-transform:uppercase;}.nav-primary{display:flex;align-items:center;gap:2rem}.nav-primary a{color:var(--color-light);font-weight:600;font-size:.95rem}.nav-primary a:hover,.nav-primary a:focus{text-decoration:underline;color:var(--color-gray)}.mobile-toggle{display:none;background:none;border:1px solid rgba(255,255,255,0.25);color:var(--color-light);padding:.4rem .65rem;border-radius:10px;cursor:pointer}.main-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.hero{display:grid;gap:2rem;padding:6rem 0 4rem;align-items:center}.hero-text h1{font-family:"Merriweather",serif;font-size:2.8rem;margin:0 0 1rem;color:var(--color-navy)}.hero-text p{font-size:1.1rem;margin:0 0 1.5rem;max-width:34rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:calc(var(--radius-base)/1.4);background:var(--color-petrol);color:var(--color-light);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btn:hover,.btn:focus{background:#0f3c4d;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-petrol);border-color:var(--color-petrol)}.section{padding:4rem 0}.section-alt{background:var(--color-gray)}.section h2{font-family:"Merriweather",serif;font-size:2.1rem;margin:0 0 1rem;color:var(--color-navy)}.intro{max-width:42rem;margin-bottom:2rem}.card-grid{display:grid;gap:1.5rem}.card{background:var(--color-light);border-radius:var(--radius-base);padding:1.75rem;border:1px solid rgba(17,75,95,0.08);box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.card:hover,.card:focus-within{transform:translateY(-6px);box-shadow:0 24px 42px rgba(11,29,42,0.18)}.card h3{margin:0 0 .75rem;font-size:1.35rem;color:var(--color-navy);font-family:"Merriweather",serif}.card p{margin:0 0 1rem;color:#303030}.card a{font-weight:600}.icon-step{width:52px;height:52px;border-radius:50%;background:rgba(46,125,50,0.12);display:flex;align-items:center;justify-content:center;color:var(--color-verify);font-weight:700;font-size:1.1rem;margin-bottom:1rem}.steps{display:grid;gap:1.5rem}.promo{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--color-navy);color:var(--color-light);padding:2rem;border-radius:var(--radius-base)}.promo p{margin:0;font-size:1.1rem}.promo a{color:var(--color-light);font-weight:600}.faq-list{display:grid;gap:1rem}.accordion{border:1px solid rgba(17,75,95,0.16);border-radius:var(--radius-base);background:var(--color-light)}.accordion button{width:100%;background:none;border:0;display:flex;justify-content:space-between;align-items:center;color:var(--color-navy);font-size:1.05rem;padding:1.25rem;text-align:left;font-weight:600;cursor:pointer}.accordion button span{flex:1;line-height:1.4}.accordion button svg{width:18px;height:18px;margin-left:1rem;transform:rotate(0);transition:transform var(--transition)}.accordion[aria-expanded=true] button svg{transform:rotate(180deg)}.accordion p{margin:0;padding:0 1.25rem 1.25rem;color:#363636;font-size:.98rem;display:none}.accordion[aria-expanded=true] p{display:block}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;margin:1rem 0;color:#525252}.breadcrumb a{color:var(--color-petrol)}.layout-two-col{display:grid;gap:2.5rem}.toc{position:sticky;top:calc(var(--header-height)+1.5rem);background:var(--color-gray);padding:1.5rem;border-radius:var(--radius-base);border:1px solid rgba(11,29,42,0.08)}.toc h2{font-size:1.1rem;margin:0 0 .75rem}.toc a{display:block;margin:.35rem 0;font-size:.95rem}.article-content h1{font-family:"Merriweather",serif;font-size:2.4rem;margin:0 0 1.25rem;color:var(--color-navy)}.article-content h2{font-family:"Merriweather",serif;font-size:1.6rem;margin:2rem 0 1rem;color:var(--color-petrol)}.article-content h3{font-size:1.2rem;margin:1.4rem 0 .8rem}.article-content p{margin:0 0 1.15rem;color:#333;font-size:1.02rem}.note{border-left:4px solid var(--color-verify);background:rgba(46,125,50,0.08);padding:1rem 1.25rem;border-radius:12px;margin:1.5rem 0;font-size:.98rem}.meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:#5a5a5a;margin-bottom:2rem}.tag-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:rgba(17,75,95,0.12);color:var(--color-petrol);font-weight:600;font-size:.85rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-bar button{padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(17,75,95,0.25);background:var(--color-light);color:var(--color-petrol);cursor:pointer;font-weight:600;transition:background var(--transition),color var(--transition)}.filter-bar button[aria-pressed=true]{background:var(--color-petrol);color:var(--color-light)}.post-card{display:grid;gap:1rem;grid-template-columns:120px 1fr;align-items:center;padding:1.5rem;border-radius:var(--radius-base);border:1px solid rgba(17,75,95,0.12);background:var(--color-light);box-shadow:var(--shadow-card)}.post-card img{width:120px;height:100%;object-fit:cover;border-radius:var(--radius-base)}.post-card h3{margin:0;font-size:1.25rem;font-family:"Merriweather",serif;color:var(--color-navy)}.post-card p{margin:.5rem 0 0;font-size:.95rem;color:#414141}.pagination{display:flex;gap:.75rem;align-items:center;margin-top:3rem}.pagination a{padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(17,75,95,0.2);color:var(--color-petrol);font-weight:600}.pagination span{color:#777;font-size:.9rem}.form{display:grid;gap:1rem;max-width:32rem}.form label{font-weight:600;color:var(--color-navy)}.form input,.form textarea{width:100%;padding:.9rem 1rem;border-radius:var(--radius-base);border:1px solid rgba(17,75,95,0.25);font-size:1rem;font-family:inherit}.form textarea{min-height:180px;resize:vertical}.form .form-note{font-size:.9rem;color:#555}.footer{background:var(--color-navy);color:var(--color-light);padding:2.5rem 0;margin-top:4rem}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem;display:grid;gap:1.5rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.95rem}.footer-nav a{color:var(--color-light)}.footer small{color:rgba(255,255,255,0.7)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 0}.tag-cloud a{padding:.45rem .95rem;border-radius:999px;background:rgba(17,75,95,0.12);color:var(--color-petrol);font-size:.9rem;font-weight:600;transition:background var(--transition)}.tag-cloud a:hover,.tag-cloud a:focus{background:rgba(17,75,95,0.25)}.legal{max-width:760px;margin:0 auto}.legal h1{font-family:"Merriweather",serif;font-size:2.3rem;color:var(--color-navy);margin:0 0 1.5rem}.legal h2{font-size:1.35rem;color:var(--color-petrol);margin:2rem 0 1rem}.legal p{margin:0 0 1.1rem;color:#343434;font-size:1rem}.legal ul{margin:0 0 1.1rem 1.2rem;padding:0}.utility-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.article-listing{display:grid;gap:1.5rem}.article-listing .card{padding:1.5rem}.article-listing .card time{display:block;margin-top:.85rem;font-size:.85rem;color:#666}.article-nav{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1.5rem}.article-nav a{display:flex;flex-direction:column;gap:.35rem;padding:1.5rem;border-radius:var(--radius-base);border:1px solid rgba(17,75,95,0.15);color:var(--color-petrol);font-weight:600;min-width:220px}.article-nav span{font-size:.85rem;color:#566}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;padding:.75rem 1rem;background:var(--color-verify);color:var(--color-light);z-index:1001;border-radius:var(--radius-base)}@media(max-width:960px){.nav-primary{display:none;position:absolute;top:var(--header-height);right:1.25rem;padding:1.25rem;border-radius:var(--radius-base);flex-direction:column;align-items:flex-start;background:var(--color-navy);box-shadow:var(--shadow-card)}.nav-primary[aria-expanded=true]{display:flex}.mobile-toggle{display:inline-flex}.hero{grid-template-columns:1fr}.layout-two-col{grid-template-columns:1fr}.post-card{grid-template-columns:1fr}.promo{flex-direction:column;align-items:flex-start}}@media(min-width:961px){.hero{grid-template-columns:1fr 480px}.steps{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){:root{font-size:15px}header:hover .brand{background:linear-gradient(135deg,rgba(255,255,255,0.14),rgba(46,125,50,0.35));box-shadow:0 10px 24px rgba(25,126,91,0.38);}header:hover .brand img{transform:translateY(-1px);}header:hover .brand span{color:#FFFFFF;}header .brand:focus-visible{outline:3px solid rgba(127,224,193,0.8);outline-offset:4px;}header .brand:active img{transform:translateY(0);} .header-inner{padding:0 1rem}.hero{padding:4.5rem 0 3rem}.card{padding:1.4rem}.footer-inner{padding:0 1rem}}
/* Contrast adjustments for blog articles */
.article-content>header{background:#ffffff;padding:2.25rem;border-radius:var(--radius-base);box-shadow:var(--shadow-card);}
.article-content>header img{margin-top:1.75rem;border-radius:calc(var(--radius-base) - 4px);}
.article-content>header .meta{color:#1b2936;}
.article-content p{color:#0B1D2A;}
.article-content section{background:rgba(255,255,255,0.96);padding:1.75rem;border-radius:var(--radius-base);border:1px solid rgba(11,29,42,0.08);box-shadow:0 12px 24px rgba(11,29,42,0.08);}
.article-content section+section{margin-top:1.75rem;}
.article-content section:nth-of-type(odd){background:rgba(244,246,248,0.98);}
.article-content section h2{color:#0B1D2A;}
.article-content section p{color:#0B1D2A;}
.article-content .note{background:rgba(46,125,50,0.18);border-left:6px solid rgba(46,125,50,0.6);box-shadow:0 16px 32px rgba(17,75,95,0.12);}
.article-content .note h2{color:#0B1D2A;}
.article-content .note p{color:#0B1D2A;}
@media(max-width:720px){.article-content>header,.article-content section{padding:1.5rem;}}
.article-content>header{margin-bottom:2rem;}
.article-content section h2{margin:0 0 1rem;color:#0B1D2A;}
.article-content section p+p{margin-top:1rem;}

.article-content section,
.article-content h2,
.article-content h3 {scroll-margin-top: calc(var(--header-height) + 24px);}