/* Visitor guidance: readable without JavaScript, scoped to avoid legacy cards. */
.tg-content { color: #203c55; background: #f3f8fb; padding: 2rem; margin: 2rem auto; border-radius: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
.tg-content h2 { color: #163c66; font-size: 1.7rem; line-height: 1.3; margin: 0 0 1rem; padding: 0; text-align: left; }
.tg-content h3 { color: #163c66; font-size: 1.2rem; line-height: 1.4; margin: 0 0 .7rem; }
.tg-content p { color: #203c55; font-size: 1rem; line-height: 1.65; text-align: left; margin: 0 0 1rem; }
.tg-content a { color: #005787; text-decoration: underline; text-underline-offset: .15em; }
#faq.tg-content a { color: #005787; text-decoration: underline; }
#faq.tg-content { background: #f3f8fb; padding: 2rem; }
#faq.tg-content > h2 { padding-top: 0; }
#faq.tg-content ul { list-style: disc; padding-left: 1.4rem; margin-top: 0; }
#faq.tg-content li { background: none; padding: 0; font-size: 1rem; line-height: 1.65; }
.tg-content a:focus-visible, .tg-content summary:focus-visible, #power :focus-visible { outline: 3px solid #dc8900; outline-offset: 4px; }
.tg-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem 2rem; margin: 1.5rem 0; }
.tg-content-actions { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-bottom: 1rem; }
.tg-faq-item { border-bottom: 1px solid #becedb; padding: .9rem 0; }
.tg-faq-item summary { cursor: pointer; font-size: 1.05rem; font-weight: 600; color: #163c66; }
.tg-faq-item p { padding-top: .75rem; margin-bottom: .25rem; }
.tg-content-docs { margin-top: 1.7rem; }
.tg-content-docs li { margin: .4rem 0; }
.tg-content-notice { padding: 1rem; border-left: 4px solid #926020; background: #fff6e4; }
.tg-nav-category { display: block; font-size: 13px; font-weight: 500; line-height: 1.2; margin-bottom: .5rem; }
.tg-dedicated-guide h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.25; overflow-wrap: anywhere; }
.tg-hero-banner h1.tg-home-heading { font-size: 32px; font-weight: 500; line-height: 1.2; color: #fff; }
.tg-hero-banner .card-header h1.tg-home-heading-mobile { font-size: 16px; font-weight: 400; color: #fff; margin: 0; }
#power { scroll-margin-top: 110px; }
#power .tg-power-label { display: block; width: 100%; color: #fff; font-size: .9rem; text-align: left; }
#power .tg-power-note { color: #fff; font-size: .9rem; line-height: 1.5; }
#power #result-power { min-height: 1.5em; }
#power .btn-submit { white-space: normal; max-width: 100%; }
@media (max-width: 767px) {
    .tg-content { padding: 1.25rem; border-radius: .5rem; }
    #faq.tg-content { padding: 1.25rem; }
    .tg-content h2 { font-size: 1.4rem; }
    .tg-guide-grid { grid-template-columns: minmax(0,1fr); }
    #power .forms { padding-left: 0 !important; }
    #power .power-section { background: none !important; padding-left: 0; }
}