/* Shared public page presentation, based on the compact Courses layout. */ :root{--presentation-width:1180px;--presentation-gap:24px;--presentation-radius:14px;--presentation-surface:#211e1c;--presentation-text:#d5cbc3} #main-content.main>.page-title{padding:27px 0 25px!important} #main-content.main>.page-title .container{width:min(calc(100% - 32px),var(--presentation-width))!important;max-width:var(--presentation-width)!important;margin-inline:auto;padding-inline:0} #main-content.main>.page-title h1{font-family:var(--heading-font,'Montserrat',sans-serif);font-weight:800;line-height:1.04;letter-spacing:-.05em} #main-content.main :is(.platform-shell,.cep-shell,.contact-section>.container,.blog-listing>.container){width:min(calc(100% - 32px),var(--presentation-width))!important;max-width:var(--presentation-width)!important;margin-inline:auto;padding-inline:0!important} #main-content.main :is(.platform-shell,.cep-shell){padding-top:24px!important} #main-content.main .acs-intro-banner.acs-intro-banner{display:grid;grid-template-columns:minmax(0,1fr) 220px!important;align-items:center;gap:var(--presentation-gap)!important;padding:22px 26px!important;margin:0 0 24px!important;border:1px solid #ffffff08;border-radius:var(--presentation-radius)!important;background:var(--presentation-surface)!important;box-shadow:none;min-height:0} #main-content.main .acs-intro-banner.acs-intro-banner h2{font-family:var(--heading-font,'Montserrat',sans-serif);font-weight:700;font-size:clamp(1.4rem,2.4vw,2rem)!important;line-height:1.2!important;letter-spacing:-.035em;max-width:none!important;color:#fff!important;margin:8px 0 10px!important} #main-content.main .acs-intro-banner.acs-intro-banner p{font-family:'Inter',system-ui,sans-serif;font-size:.8rem!important;line-height:1.6!important;max-width:76ch!important;color:var(--presentation-text)!important;margin:0!important} #main-content.main .acs-intro-banner.acs-intro-banner .platform-kicker{font-size:.62rem!important;letter-spacing:.08em;color:#ed9aa0} #main-content.main .acs-intro-banner.acs-intro-banner :is(.platform-actions,.contact-hero-actions){display:flex;flex-wrap:wrap;gap:8px!important;margin-top:16px!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-btn,.contact-hero-actions>a){min-height:38px!important;padding:9px 13px!important;font-size:.72rem!important;border-radius:8px;white-space:normal} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview,.contact-hero-overview){display:grid;gap:8px!important;border-left:1px solid #ffffff1f;padding:0 0 0 20px!important;min-width:0} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article{display:flex;align-items:center;gap:8px;padding:4px 0!important;background:transparent;border:0;min-width:0} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article i{flex:0 0 24px;width:24px;font-size:1rem!important;color:#ed9aa0} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) strong{display:block;font-size:.9rem!important;line-height:1.4;color:#fff} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) :is(span,small){font-size:.62rem!important;line-height:1.6;color:var(--presentation-text)} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-store-welcome-aside,.library-intro-overview) article small{display:block} body.high-contrast #main-content.main .acs-intro-banner.acs-intro-banner{background:#000!important;border:1px solid #fff} @media(max-width:700px){#main-content.main .acs-intro-banner.acs-intro-banner{grid-template-columns:1fr!important;padding:20px!important;gap:16px!important}#main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview,.contact-hero-overview){grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid #ffffff1f;padding:12px 0 0!important}#main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article{align-items:flex-start;flex-direction:column}#main-content.main .blog-catalog-hero .pf-course-catalog-overview{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Keep the first slide flush with the measured fixed header. */ #main-content.main>#hero.hero{margin-top:var(--site-header-height,107px)!important} /* Specialties: aligned introduction and a compact, readable navigation panel. */ #main-content #departments{padding:44px 0!important;scroll-margin-top:calc(var(--site-header-height,130px) + 20px)} #main-content #departments>.container{width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important} #main-content #departments .home-section-title{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;text-align:left!important;align-items:end;gap:8px 32px;padding:0!important;margin-bottom:24px!important} #main-content #departments .home-section-title .acs-section-kicker{position:static;inset:auto;transform:none;width:auto;justify-self:start;grid-column:1/-1;text-align:left!important;margin:0!important;font-size:.65rem} #main-content #departments .home-section-title h2{font-size:clamp(1.7rem,2.8vw,2.3rem)!important;line-height:1.2!important;max-width:26ch!important;margin:0!important;text-align:left!important} #main-content #departments .home-section-title p{font-family:'Inter',system-ui,sans-serif;font-size:.8rem!important;line-height:1.7!important;margin:0!important;text-align:left!important;max-width:none!important} #main-content #departments .specialty-shell{--specialty-line:#e8ddd6;--specialty-surface:#fff;--specialty-soft:#faf7f4;--specialty-ink:#302a27;--specialty-muted:#81736a;--specialty-accent:#c72c36;padding:0!important;border:1px solid var(--specialty-line)!important;border-radius:14px!important;box-shadow:0 8px 24px #20181008!important;background:var(--specialty-surface)!important;overflow:hidden} #main-content #departments .specialty-shell{display:grid;grid-template-columns:260px minmax(0,1fr)} #main-content #departments .specialty-nav{display:grid!important;grid-template-columns:1fr;align-content:start;padding:20px 16px!important;border:0!important;border-right:1px solid var(--specialty-line)!important;gap:0!important;background:var(--specialty-soft)} #main-content #departments .nav-item{position:relative;min-width:0;border:0;padding:6px 0} #main-content #departments .nav-item:first-child{padding-top:0} #main-content #departments .nav-item:last-child{padding-bottom:0} #main-content #departments .nav-item:not(:last-child)::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:var(--specialty-line);opacity:.7;pointer-events:none} #main-content #departments .nav-link{display:grid;grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:10px;width:100%;height:100%;min-height:48px!important;padding:11px 12px!important;text-align:left;font-family:'Inter',system-ui,sans-serif;font-size:.75rem!important;border:0!important;border-radius:8px!important;line-height:1.4;background:transparent;color:var(--specialty-ink)} #main-content #departments .specialty-number{font-size:.62rem;font-weight:700;color:var(--specialty-muted)} #main-content #departments .nav-link strong{font-size:.8rem;overflow-wrap:normal} #main-content #departments .nav-link i{display:grid;place-items:center;color:var(--specialty-accent)!important;font-size:.9rem;width:26px;height:30px;border-radius:8px;background:var(--specialty-surface)} #main-content #departments .nav-link.active{background:var(--specialty-surface)!important;color:var(--specialty-accent)!important;box-shadow:inset 3px 0 var(--specialty-accent)!important} #main-content #departments .nav-link:hover{background:var(--specialty-surface)!important} #main-content #departments .tab-content{min-width:0;height:auto;margin:0;padding:0;border:0} #main-content #departments .specialty-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);align-items:start;gap:28px;padding:30px} #main-content #departments .details{border:0;min-width:0;color:var(--specialty-ink)} #main-content #departments .department-eyebrow{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;color:var(--specialty-accent)} #main-content #departments .details h3{font-size:clamp(1.25rem,2vw,1.75rem)!important;line-height:1.25!important;letter-spacing:-.025em;margin:0 0 14px!important;color:var(--specialty-ink)!important} #main-content #departments .details p{font-family:'Inter',system-ui,sans-serif;font-size:.88rem!important;line-height:1.8!important;margin:0 0 16px!important;color:var(--specialty-muted)!important} #main-content #departments .details .fst-italic{font-size:.75rem!important;line-height:1.65!important;padding-bottom:14px;border-bottom:1px solid var(--specialty-line);margin-bottom:16px!important} #main-content #departments .specialty-media{min-width:0;margin:0;overflow:hidden;border-radius:10px;background:var(--specialty-soft)} #main-content #departments .tab-content img{display:block;width:100%;height:280px;max-height:280px!important;object-fit:cover;border-radius:0!important;margin:0;box-shadow:none!important} #main-content #departments .specialty-more{margin:18px 0;border:1px solid var(--specialty-line);border-radius:8px;background:var(--specialty-soft)} #main-content #departments .specialty-more summary{font-size:.78rem;padding:12px 14px;min-height:44px;color:var(--specialty-accent)} #main-content #departments .specialty-more>p{padding:0 14px} #main-content #departments .specialty-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:11px 14px;border:1px solid var(--specialty-line);border-radius:8px;color:var(--specialty-accent);background:var(--specialty-surface);font:700 .8rem/1.5 Inter,system-ui,sans-serif;margin-top:8px} #main-content #departments .specialty-contact:hover{border-color:var(--specialty-accent)} #main-content #departments .specialty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} #main-content #departments .specialty-actions a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #e7dfd8;border-radius:8px;background:#faf8f6;color:#a9232c;font:650 .73rem/1.4 Inter,system-ui,sans-serif} #main-content #departments .specialty-actions a:hover{border-color:#c72c36;background:#fff1f2} #main-content #departments .specialty-actions a:focus-visible{outline:2px solid #c72c36;outline-offset:3px} #main-content #departments .career-step-controls{grid-column:1/-1;border-color:var(--specialty-line);background:var(--specialty-soft)} #main-content #departments .career-step-controls button{min-height:44px;background:var(--specialty-surface);border-color:var(--specialty-line);color:var(--specialty-ink)} #main-content #departments .career-step-controls span{color:var(--specialty-muted);text-align:center} #main-content #departments :is(button,select,summary,.tab-pane,.specialty-contact):focus-visible{outline:3px solid var(--specialty-accent);outline-offset:-3px} @media(max-width:1100px){#main-content #departments .specialty-shell{grid-template-columns:230px minmax(0,1fr)}#main-content #departments .specialty-panel{grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:24px}} @media(max-width:800px){#main-content #departments .specialty-shell{grid-template-columns:minmax(0,1fr)}#main-content #departments .specialty-nav{border-right:0!important;border-bottom:1px solid var(--specialty-line)!important}} @media(max-width:800px){#main-content #departments .home-section-title{grid-template-columns:1fr!important;gap:12px}#main-content #departments .home-section-title h2{max-width:none!important}#main-content #departments .specialty-enhanced .specialty-nav{display:none!important}#main-content #departments .specialty-select{width:calc(100% - 40px);margin:20px 20px 0;min-height:44px;background:var(--specialty-soft);color:var(--specialty-ink);border-color:var(--specialty-line)}#main-content #departments .specialty-panel{padding:20px;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}#main-content #departments .tab-content img{height:220px}} @media(max-width:575px){#main-content #departments .specialty-panel{grid-template-columns:1fr}#main-content #departments .tab-content img{height:180px}#main-content #departments .career-step-controls{padding:12px;gap:8px}#main-content #departments .career-step-controls span{font-size:.65rem}} body.theme-dark #main-content #departments .specialty-shell{--specialty-line:#514039;--specialty-surface:#211e1c;--specialty-soft:#2b2522;--specialty-ink:#f4ece6;--specialty-muted:#c8bab0;--specialty-accent:#f4b0b6} body.high-contrast #main-content #departments .specialty-shell{--specialty-line:#fff;--specialty-surface:#000;--specialty-soft:#000;--specialty-ink:#fff;--specialty-muted:#fff;--specialty-accent:#ffeb3b} body.theme-dark #main-content #departments .specialty-actions a{background:#211e1c;border-color:#514039;color:#f4b0b6} body.high-contrast #main-content #departments .specialty-actions a{background:#000;border-color:#fff;color:#ffeb3b} /* Project details share the public catalog spacing and restrained cards. */ #main-content.project-detail-page .project-detail{padding:28px 0 48px;background:#faf9f8} #main-content.project-detail-page .project-detail>.container{width:min(calc(100% - 32px),var(--presentation-width));max-width:var(--presentation-width);padding:0;gap:24px} #main-content.project-detail-page .project-detail-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:24px;border:1px solid #e7dfd8;border-radius:14px;background:#fff} #main-content.project-detail-page .project-detail-image{min-height:0;border-radius:10px;box-shadow:none} #main-content.project-detail-page .project-detail-image img{min-height:0;width:100%;height:280px;object-fit:cover} #main-content.project-detail-page .project-detail-intro{max-width:none;min-width:0} #main-content.project-detail-page .project-detail-eyebrow{padding:0;margin-bottom:10px;border-radius:0;background:transparent;font-size:.65rem} #main-content.project-detail-page .project-detail-intro h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;margin-bottom:12px} #main-content.project-detail-page .project-detail-intro>p{font-family:Inter,system-ui,sans-serif;font-size:.85rem;line-height:1.7;margin-bottom:18px} #main-content.project-detail-page .project-detail-tags{gap:6px;margin-bottom:18px} #main-content.project-detail-page .project-detail-tags span{padding:6px 9px;border-radius:7px;font-size:.7rem} #main-content.project-detail-page .project-detail :is(.btn-elegant,.btn-outline-elegant){min-height:42px;max-width:100%;padding:10px 14px;border-radius:8px;box-shadow:none;font-size:.76rem;white-space:normal} #main-content.project-detail-page .emissao-linked-guide{margin:0;padding:20px 24px;border-left-width:3px;border-radius:12px;box-shadow:none} #main-content.project-detail-page .project-story-grid{gap:16px;align-items:stretch} #main-content.project-detail-page .project-story-card{min-height:0;padding:22px;border-radius:14px;border-color:#e7dfd8;box-shadow:none} #main-content.project-detail-page .project-story-card>span{top:20px;right:20px;font-size:1.5rem;color:#9a8177} #main-content.project-detail-page .project-story-card>i{margin-bottom:16px;font-size:1.25rem} #main-content.project-detail-page .project-story-card h3{font-size:1.05rem;font-weight:750;margin-bottom:10px} #main-content.project-detail-page .project-story-card :is(p,li){font-family:Inter,system-ui,sans-serif;font-size:.83rem;line-height:1.7} #main-content.project-detail-page .project-detail-footer{padding:24px 26px;border:1px solid #39312c;border-radius:14px;background:var(--presentation-surface);box-shadow:none} #main-content.project-detail-page .project-detail-footer span{font-size:.63rem} #main-content.project-detail-page .project-detail-footer h2{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3;margin-top:8px} body.theme-dark #main-content.project-detail-page .project-detail{background:#171514} body.theme-dark #main-content.project-detail-page :is(.project-detail-hero,.project-story-card,.project-detail-tags span){background:#211e1c;border-color:#453b34} body.theme-dark #main-content.project-detail-page :is(.project-detail-intro h2,.project-story-card h3,.project-detail-tags span){color:#f5eee8} body.theme-dark #main-content.project-detail-page :is(.project-detail-intro>p,.project-story-card p,.project-story-card li){color:#c3b6ac} body.high-contrast #main-content.project-detail-page :is(.project-detail,.project-detail-hero,.project-story-card,.project-detail-footer,.project-detail-tags span){background:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none} body.high-contrast #main-content.project-detail-page :is(h2,h3,p,li,span){color:#fff!important} body.high-contrast #main-content.project-detail-page .project-detail a{color:#ffeb3b!important;border-color:#ffeb3b!important} @media(max-width:800px){#main-content.project-detail-page .project-detail-hero{grid-template-columns:1fr;gap:20px}#main-content.project-detail-page .project-detail-image img{height:240px}#main-content.project-detail-page .project-story-grid{grid-template-columns:1fr}#main-content #departments .nav-tabs{border-right:0!important}#main-content #departments .tab-content{padding:0}} @media(max-width:575px){#main-content.project-detail-page .project-detail>.container{width:calc(100% - 24px);gap:18px}#main-content.project-detail-page .project-detail-hero,#main-content.project-detail-page .project-story-card,#main-content.project-detail-page .emissao-linked-guide,#main-content.project-detail-page .project-detail-footer{padding:18px}#main-content.project-detail-page .project-detail-image img{height:190px}#main-content.project-detail-page .project-detail-footer{gap:16px}} /* Give introductory copy and side summaries distinct reading space. */ #main-content.main .acs-intro-banner.acs-intro-banner{grid-template-columns:minmax(0,1fr) 245px!important;gap:32px!important;padding:26px 28px!important} #main-content.main .acs-intro-banner.acs-intro-banner h2{margin:10px 0 14px!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.platform-actions,.contact-hero-actions){margin-top:20px!important;gap:10px!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview){gap:14px!important;padding-left:24px!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:4px 10px;align-items:start;padding:3px 0!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article>i{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:3px} #main-content.main .acs-intro-banner.acs-intro-banner .pf-course-catalog-overview article>strong{grid-column:2;grid-row:1} #main-content.main .acs-intro-banner.acs-intro-banner .pf-course-catalog-overview article>span{grid-column:2;grid-row:2;display:block!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.library-intro-overview,.pf-store-welcome-aside) article>:is(div,span){grid-column:2;display:block!important;min-width:0} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) strong{margin:0 0 3px;line-height:1.45} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) :is(span,small){line-height:1.6!important} @media(max-width:700px){#main-content.main .acs-intro-banner.acs-intro-banner{grid-template-columns:1fr!important;padding:22px!important;gap:20px!important}#main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview){padding:16px 0 0!important;gap:14px!important}#main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article{grid-template-columns:1fr!important}#main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) article>i{grid-column:1;grid-row:1}#main-content.main .acs-intro-banner.acs-intro-banner .pf-course-catalog-overview article>strong{grid-column:1;grid-row:2}#main-content.main .acs-intro-banner.acs-intro-banner .pf-course-catalog-overview article>span{grid-column:1;grid-row:3}#main-content.main .acs-intro-banner.acs-intro-banner :is(.library-intro-overview,.pf-store-welcome-aside) article>:is(div,span){grid-column:1}} /* Very soft beige background shared by public title strips. */ #main-content.main>.page-title{background-color:#f3ecd9!important} body.theme-dark #main-content.main>.page-title{background-color:#25221e!important} body.high-contrast #main-content.main>.page-title{background-color:#000!important} /* Readable side summaries across the shared banner system. */ #main-content.main .acs-intro-banner.acs-intro-banner{grid-template-columns:minmax(0,1fr) 270px!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) strong{font-size:1.05rem!important} #main-content.main .acs-intro-banner.acs-intro-banner :is(.pf-course-catalog-overview,.pf-store-welcome-aside,.library-intro-overview) :is(span,small){font-size:.74rem!important} #main-content.main.hs-catalog-page .pf-section-head h2{font-size:1.45rem!important;margin:5px 0 8px!important} #main-content.main.hs-catalog-page .pf-section-head p{font-size:.82rem;line-height:1.65} #main-content.main.hs-catalog-page .pf-section-head{margin:24px 0 18px} @media(max-width:700px){#main-content.main .acs-intro-banner.acs-intro-banner{grid-template-columns:1fr!important}} /* Shared title strip follows the site's neutral and red palette. */ #main-content.main>.page-title{background-color:#e9e1db!important;background-image:linear-gradient(#d0d0d0,#d0d0d0),url('../img/ui/bg-meio.png'),linear-gradient(90deg,rgba(197,44,59,.08) 0%,rgba(197,44,59,.025) 12%,rgba(197,44,59,0) 28%,rgba(197,44,59,0) 72%,rgba(197,44,59,.025) 88%,rgba(197,44,59,.08) 100%),radial-gradient(ellipse 680px 320px at calc(max(16px,(100% - 1180px)/2) + 140px) 60%,#fff 0%,#fff 25%,#f8f5f1 55%,#f0e9e5 78%,#e9e1db 100%)!important;background-size:100% 1px,auto,100% 100%,100% 100%!important;background-position:center bottom,center top,center,center!important;background-repeat:no-repeat,repeat,no-repeat,no-repeat!important;background-blend-mode:normal} body.theme-dark #main-content.main>.page-title{background-color:#25221e!important;background-image:linear-gradient(90deg,#35312d,#8b8278,#35312d),url('../img/ui/bg-meio.png'),linear-gradient(110deg,#33271e,#302b20)!important;background-blend-mode:normal} body.high-contrast #main-content.main>.page-title{background-color:#000!important;background-image:none!important} /* Center decorative shadows without enlarging or distorting their source images. */ #header.header .branding{box-shadow:none!important} #header.header::after{content:"";top:100%;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:min(1170px,calc(100% - 32px));height:auto;aspect-ratio:1170 / 75;background:url('../img/ui/header_shadow.png') center top / 100% auto no-repeat;opacity:.8;filter:none;pointer-events:none} #main-content.main>.page-title::after{content:"";top:100%;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:min(960px,calc(100% - 32px));height:auto;aspect-ratio:960 / 41;background:url('../img/ui/page-title-shadow.png') center top / 100% auto no-repeat;opacity:.65;filter:none;pointer-events:none;z-index:1} body.high-contrast #header.header::after,body.high-contrast #main-content.main>.page-title::after{display:none} /* Cultural discovery: territories first, a clear search area, then results. */ #main-content.hs-catalog-page .hs-discovery{margin:28px 0 24px;padding:26px;background:linear-gradient(135deg,#fffdf8,#fff);border:1px solid #e8dfd2;border-radius:16px;box-shadow:0 8px 28px #46311a05} #main-content.hs-catalog-page .hs-discovery .pf-section-head{margin:0 0 22px} #main-content.hs-catalog-page .hs-territories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px} #main-content.hs-catalog-page .hs-territories a{position:relative;display:grid;grid-template-columns:30px 1fr;gap:6px 10px;padding:18px;border:1px solid #e8dfd5;border-radius:12px;background:#fff;color:#51443b;transition:background .2s,border-color .2s} #main-content.hs-catalog-page .hs-territories a>i{grid-row:1 / span 2;font-size:1.3rem;color:#a78037} #main-content.hs-catalog-page .hs-territories strong{font-size:.85rem;line-height:1.4} #main-content.hs-catalog-page .hs-territories small{grid-column:2;font-size:.65rem;line-height:1.5;font-weight:400;color:#786e64} #main-content.hs-catalog-page .hs-territories a>span{grid-column:2;justify-self:start;font-size:.65rem;background:#f5f0e8;border-radius:5px;padding:3px 7px;margin-top:5px} #main-content.hs-catalog-page .hs-territories a[aria-current],#main-content.hs-catalog-page .hs-territories a:hover{background:#fff5df;border-color:#d7b86f;color:#593d17} #main-content.hs-catalog-page .hs-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(110px,1fr)) auto auto;align-items:end;gap:12px;margin:0;padding:20px 0 0;border:0;border-top:1px solid #ece4da;border-radius:0;background:transparent} #main-content.hs-catalog-page .hs-filters label{min-width:0;font-family:Inter,system-ui,sans-serif;font-size:.7rem;color:#61564d} #main-content.hs-catalog-page .hs-filters :is(input,select){height:42px;font-size:.78rem;margin-top:7px;border-radius:8px} #main-content.hs-catalog-page .hs-filters .btn{height:42px;min-height:42px;padding:9px 14px;font-size:.75rem;border-radius:8px} #main-content.hs-catalog-page .hs-saved-panel{margin:0 0 16px;padding:0;background:transparent;border:0;border-radius:0} #main-content.hs-catalog-page .hs-saved-panel summary{font-size:.75rem;padding:8px 0;color:#796344} #main-content.hs-catalog-page #catalogo.hs-catalog{padding:0!important;margin:0!important;scroll-margin-top:calc(var(--site-header-height,130px) + 22px)} #main-content.hs-catalog-page .hs-section-heading{justify-content:flex-start;flex-wrap:wrap;margin:0 0 20px;gap:14px} #main-content.hs-catalog-page .hs-section-heading h2{font-size:1.3rem} #main-content.hs-catalog-page .hs-section-heading>span{font-size:.75rem} #main-content.hs-catalog-page .hs-view-controls{margin-left:auto} #main-content.hs-catalog-page .hs-grid{gap:20px} #main-content.hs-catalog-page .hs-card{border-radius:14px} #main-content.hs-catalog-page .hs-card-media{height:180px;background:radial-gradient(ellipse at center,#fff 30%,#f3efe8 100%)} #main-content.hs-catalog-page :is(a,button,input,select):focus-visible{outline:3px solid #b88b34;outline-offset:3px} body.theme-dark #main-content.hs-catalog-page .hs-discovery{background:#25211d;border-color:#514639} body.theme-dark #main-content.hs-catalog-page .hs-territories a{background:#302a24;border-color:#514639;color:#eee0ce} body.theme-dark #main-content.hs-catalog-page .hs-territories a[aria-current]{background:#49381f;border-color:#b88b34} body.theme-dark #main-content.hs-catalog-page .hs-territories small,body.theme-dark #main-content.hs-catalog-page .hs-filters label{color:#d2c4b5} body.high-contrast #main-content.hs-catalog-page :is(.hs-discovery,.hs-territories a,.hs-card-media){background:#000;color:#fff;border-color:#fff} @media(max-width:1050px){#main-content.hs-catalog-page .hs-filters{grid-template-columns:repeat(3,minmax(0,1fr))}#main-content.hs-catalog-page .hs-filters label:first-child{grid-column:span 2}} @media(max-width:700px){#main-content.hs-catalog-page .hs-discovery{padding:18px}#main-content.hs-catalog-page .hs-territories{grid-template-columns:repeat(2,minmax(0,1fr))}#main-content.hs-catalog-page .hs-territories a{padding:13px}#main-content.hs-catalog-page .hs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#main-content.hs-catalog-page .hs-filters label:first-child{grid-column:1/-1}#main-content.hs-catalog-page .hs-view-controls{margin-left:0}} @media(prefers-reduced-motion:reduce){#main-content.hs-catalog-page .hs-territories a{transition:none}} /* Extra breathing room below title shadows on the two legal documents. */ #main-content.legal-main>section.section.legal-page{padding-top:72px!important} @media(max-width:575px){#main-content.legal-main>section.section.legal-page{padding-top:44px!important}} @media print{#main-content.legal-main>section.section.legal-page{padding-top:0!important}} /* A complete topic picker replaces clipped horizontal navigation on smaller screens. */ #main-content.legal-main .legal-topic-picker{display:none} @media(max-width:1100px){ #main-content.legal-main .legal-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 40px)!important;max-width:860px;gap:20px} #main-content.legal-main .legal-index-column{position:sticky;top:var(--legal-header-inset,150px);z-index:5;align-self:start} #main-content.legal-main .legal-index-column .legal-toc{position:relative;top:0;display:block!important;padding:14px 18px;max-height:none;overflow:visible;border-radius:12px} #main-content.legal-main .legal-toc--enhanced>a,#main-content.legal-main .legal-toc--enhanced>.legal-toc__title{display:none!important} #main-content.legal-main .legal-toc--enhanced .legal-topic-picker{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600} #main-content.legal-main .legal-topic-picker select{width:100%;min-width:0;min-height:44px;padding:9px 32px 9px 12px;border:1px solid #dfd4c6;border-radius:8px;background:#fffdf8;color:#3a3028;font:inherit} #main-content.legal-main .legal-topic-picker select:focus-visible{outline:3px solid #b88b34;outline-offset:2px} #main-content.legal-main .legal-document{padding:28px!important;min-width:0} #main-content.legal-main .legal-document :is(p,ul){font-size:1rem!important;line-height:1.75!important;overflow-wrap:anywhere} #main-content.legal-main>section.section.legal-page{padding-top:54px!important} } body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary--v611 .nav-account-summary-avatar{display:none!important} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary--v611{grid-template-columns:58px minmax(0,1fr)!important;align-items:center;justify-items:stretch;gap:3px 12px!important;margin:0 0 9px!important;padding:12px!important;border:1px solid #eee5e1;border-radius:13px;background:linear-gradient(135deg,#fff 0%,#fbf6f3 100%);text-align:left} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-mark{position:relative;grid-column:1;grid-row:1/4;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:2px solid #fff;border-radius:15px;background:linear-gradient(145deg,#fff,#fff0f1);box-shadow:0 4px 14px #9e303418;color:#bd2934;font:800 1.1rem/1 var(--heading-font,'Montserrat',sans-serif)} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-mark img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy{display:grid!important;justify-items:stretch;width:100%;min-width:0;text-align:left} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy :is(.nav-account-greeting,b,small){width:100%;max-width:100%;text-align:left} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-greeting{margin:0 0 3px;color:#a9343d;font-size:10px!important;font-weight:800;letter-spacing:.035em} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy b{color:#26211f;font-size:14px!important;line-height:1.35!important} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy small{margin-top:3px;color:#817772;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere;white-space:normal} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-course-pill{grid-column:2;justify-self:start;max-width:100%;margin:0!important;padding:4px 8px!important;border-radius:999px;background:#fff0f1;color:#8e343b;font-size:10px!important;line-height:1.35;white-space:normal} body.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-course-pill i{font-size:10px!important} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary--v611{background:linear-gradient(135deg,#2b2523,#211e1d);border-color:#49403c} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-mark{background:linear-gradient(145deg,#493336,#302426);border-color:#624147;color:#ffb4bb} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-mark img{border-color:#624147} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy b{color:#f6efeb} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy small{color:#c1b5af} body.theme-dark.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-course-pill{background:#3b292b;color:#ffd5d8} body.high-contrast.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary--v611{background:#000;border-color:#fff} body.high-contrast.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-mark,body.high-contrast.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-course-pill{background:#000;border:1px solid #fff;color:#fff} body.high-contrast.pf-student-area-page .navmenu.navmenu--modern .nav-account-hub .nav-account-summary-copy :is(.nav-account-greeting,b,small){color:#fff} @media(max-width:575px){ #main-content.legal-main .legal-layout{width:calc(100% - 24px)!important;gap:16px} #main-content.legal-main .legal-index-column .legal-toc{padding:12px} #main-content.legal-main .legal-toc--enhanced .legal-topic-picker{grid-template-columns:1fr;gap:6px} #main-content.legal-main .legal-document{padding:22px 18px!important;border-radius:12px} #main-content.legal-main .legal-document :is(p,ul){font-size:.94rem!important;line-height:1.75!important} #main-content.legal-main .legal-document .last-update{font-size:.75rem!important;gap:8px;padding:12px;flex-direction:column;align-items:flex-start} #main-content.legal-main>.page-title h1{font-size:clamp(1.65rem,7vw,2.2rem)!important;line-height:1.15!important} #main-content.legal-main>section.section.legal-page{padding-top:38px!important} } body.theme-dark #main-content.legal-main .legal-topic-picker select{background:#29231e;border-color:#665648;color:#f5e9da} body.high-contrast #main-content.legal-main .legal-topic-picker select{background:#000;color:#fff;border-color:#fff} @media print{#main-content.legal-main .legal-index-column{display:none!important}} /* Account pages: keep the first card clear of the title strip shadow. */ #main-content.account-access-page>.platform-auth-shell{padding-top:64px!important} @media(max-width:700px){#main-content.account-access-page>.platform-auth-shell{padding-top:44px!important}} @media(max-width:420px){#main-content.account-access-page>.platform-auth-shell{padding-top:36px!important}} /* Shared breathing room after every public title strip. */ #main-content.main>.page-title{margin-bottom:32px!important} @media(max-width:700px){#main-content.main>.page-title{margin-bottom:20px!important}} @media(max-width:420px){#main-content.main>.page-title{margin-bottom:16px!important}} @media print{#main-content.main>.page-title{margin-bottom:0!important}} /* Hymns receive a listening layout distinct from the symbol gallery. */ #main-content.hs-catalog-page .hs-grid:not(.hs-list-view){grid-template-columns:repeat(2,minmax(0,1fr))} #main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);background:linear-gradient(110deg,#fffdf7,#fff);border-color:#dcc8a4} #main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn .hs-card-media{height:100%;min-height:230px;padding:24px;background:linear-gradient(145deg,#eee5d2,#faf7ef);border-right:1px solid #e6dac4} #main-content.hs-catalog-page .hs-card--hymn .hs-card-media img{width:100%;height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 8px 10px #30271912)} #main-content.hs-catalog-page .hs-card--hymn .hs-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:12px 28px;padding:24px} #main-content.hs-catalog-page .hs-card--hymn .hs-card-meta{grid-column:1/-1} #main-content.hs-catalog-page .hs-card--hymn h3{grid-column:1;align-self:end;font-size:1.15rem} #main-content.hs-catalog-page .hs-card--hymn .hs-card-body>p{grid-column:1;line-height:1.7;font-size:.8rem} #main-content.hs-catalog-page .hs-card-listen{grid-column:2;grid-row:2 / span 2;align-self:center;background:#f4efe5;border:1px solid #e8ddca;border-radius:12px;padding:16px;min-width:0} #main-content.hs-catalog-page .hs-card-listen>span{display:block;font:600 .7rem/1.5 Inter,system-ui,sans-serif;color:#79623b;margin-bottom:10px} #main-content.hs-catalog-page .hs-card-listen audio{display:block;width:100%;height:40px;margin:0} #main-content.hs-catalog-page .hs-card--hymn .hs-card-body>.btn{margin:0;min-height:40px;font-size:.75rem;padding:10px 14px;align-self:end} #main-content.hs-catalog-page .hs-card--hymn .hs-card-body>.btn:not(.hs-preview){grid-column:1;justify-self:start} #main-content.hs-catalog-page .hs-card--hymn .hs-preview{grid-column:2;justify-self:start} #main-content.hs-catalog-page .hs-card--symbol .hs-card-body{padding:20px;gap:12px} #main-content.hs-catalog-page .hs-card--symbol .hs-card-media{height:160px} #main-content.hs-catalog-page .hs-card--symbol h3{font-size:1rem} #main-content.hs-catalog-page .hs-card--symbol p{font-size:.78rem;line-height:1.7} body.theme-dark #main-content.hs-catalog-page .hs-card--hymn{background:#27221c;border-color:#625239} body.theme-dark #main-content.hs-catalog-page .hs-card-listen{background:#332b21;border-color:#625239} body.theme-dark #main-content.hs-catalog-page .hs-card-listen>span{color:#e6cc9d} body.high-contrast #main-content.hs-catalog-page :is(.hs-card--hymn,.hs-card-listen){background:#000;color:#fff;border-color:#fff} @media(max-width:800px){#main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn{grid-template-columns:120px minmax(0,1fr)}#main-content.hs-catalog-page .hs-card--hymn .hs-card-body{grid-template-columns:1fr;padding:20px;gap:12px}#main-content.hs-catalog-page .hs-card-listen{grid-column:1;grid-row:auto}#main-content.hs-catalog-page .hs-card--hymn .hs-preview{grid-column:1}#main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn .hs-card-media{padding:16px}} @media(max-width:575px){#main-content.hs-catalog-page .hs-grid:not(.hs-list-view){grid-template-columns:1fr}#main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn{grid-column:auto;grid-template-columns:1fr}#main-content.hs-catalog-page .hs-grid:not(.hs-list-view) .hs-card--hymn .hs-card-media{min-height:0;height:110px;border-right:0;border-bottom:1px solid #e6dac4}#main-content.hs-catalog-page .hs-card--hymn .hs-card-media img{max-height:80px;width:auto;max-width:150px}} /* Territory identities: three destinations and a compact all-content shortcut. */ #main-content.hs-catalog-page .hs-territories--identity{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #main-content.hs-catalog-page .hs-territories--identity a.hs-territory-card{--territory-accent:#a78037;display:grid;grid-template-columns:76px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:22px 16px;border-radius:14px;background:linear-gradient(130deg,#fff,#faf7f1);border-color:#e5ddd1;min-width:0} #main-content.hs-catalog-page .hs-territories--identity [data-territory=nacional]{--territory-accent:#3a7957!important} #main-content.hs-catalog-page .hs-territories--identity [data-territory=estadual]{--territory-accent:#ad3a35!important} #main-content.hs-catalog-page .hs-territories--identity [data-territory=municipal]{--territory-accent:#476e9c!important} #main-content.hs-catalog-page .hs-territories--identity a[aria-current],#main-content.hs-catalog-page .hs-territories--identity a:hover{border-color:var(--territory-accent);box-shadow:inset 0 -3px var(--territory-accent);background:#fffdf7} #main-content.hs-catalog-page .hs-territories--identity a>.hs-territory-art{grid-column:1;grid-row:1;justify-self:start;margin:0;display:grid;place-items:center;width:76px;height:68px;border-radius:10px;background:#f0ece4;padding:9px} #main-content.hs-catalog-page .hs-territory-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0002)} #main-content.hs-catalog-page .hs-territory-art i{font-size:1.7rem;color:var(--territory-accent)} #main-content.hs-catalog-page .hs-territory-copy{grid-column:2;grid-row:1;display:grid;gap:5px;min-width:0} #main-content.hs-catalog-page .hs-territory-copy small{font-size:.59rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--territory-accent);grid-column:auto} #main-content.hs-catalog-page .hs-territory-copy strong{font:750 clamp(1rem,1.6vw,1.25rem)/1.25 Inter,system-ui,sans-serif;color:#302b27} #main-content.hs-catalog-page .hs-territory-copy span{font-size:.7rem;font-weight:400;color:#776e63;line-height:1.5;background:transparent;padding:0} #main-content.hs-catalog-page .hs-territories--identity .hs-territory-arrow{grid-column:3;grid-row:1;font-size:.95rem;color:var(--territory-accent)} #main-content.hs-catalog-page .hs-territories--identity a[data-territory=todos]{grid-column:1/-1;padding:10px 14px;grid-template-columns:28px minmax(0,1fr) 18px;border-radius:9px} #main-content.hs-catalog-page .hs-territories--identity a[data-territory=todos]>.hs-territory-art{height:28px;width:28px;padding:0;background:transparent} #main-content.hs-catalog-page [data-territory=todos] .hs-territory-art i{font-size:1.1rem} #main-content.hs-catalog-page [data-territory=todos] .hs-territory-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px} #main-content.hs-catalog-page [data-territory=todos] .hs-territory-copy small{display:none} #main-content.hs-catalog-page [data-territory=todos] .hs-territory-copy strong{font-size:.78rem} body.theme-dark #main-content.hs-catalog-page .hs-territories--identity a.hs-territory-card{background:#302923;color:#eadfd0} body.theme-dark #main-content.hs-catalog-page .hs-territory-copy strong{color:#f5eee4} body.theme-dark #main-content.hs-catalog-page .hs-territory-copy span{color:#c9bdac} body.high-contrast #main-content.hs-catalog-page .hs-territories--identity a.hs-territory-card{background:#000;border-color:#fff;color:#fff} @media(max-width:1000px){#main-content.hs-catalog-page .hs-territories--identity{grid-template-columns:1fr}#main-content.hs-catalog-page .hs-territories--identity a.hs-territory-card{grid-template-columns:64px minmax(0,1fr) 20px;padding:16px}#main-content.hs-catalog-page .hs-territories--identity a>.hs-territory-art{width:64px;height:54px}#main-content.hs-catalog-page .hs-territory-copy strong{font-size:1.1rem}#main-content.hs-catalog-page .hs-territories--identity a[data-territory=todos]{grid-template-columns:28px minmax(0,1fr) 18px;padding:10px 12px}} /* Group the collection by territory without duplicating its reading tools. */ #main-content.hs-catalog-page .hs-scope-group{padding:0;margin:0 0 30px;scroll-margin-top:calc(var(--site-header-height,107px) + 20px)} #main-content.hs-catalog-page .hs-scope-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 18px;border-top:1px solid #e8dfd5} #main-content.hs-catalog-page .hs-scope-heading h2{font-size:1.4rem;line-height:1.3;margin:6px 0;color:#302b27} #main-content.hs-catalog-page .hs-scope-heading p{font-size:.85rem;line-height:1.65;margin:0;color:#756d68} #main-content.hs-catalog-page .hs-scope-count{flex-shrink:0;padding:6px 10px;border-radius:8px;background:#f4eeeb;font-size:.75rem;color:#655952} #main-content.hs-catalog-page .hs-card-lyrics{grid-column:1/-1;margin:0;border-top:1px solid #e8dfd5} #main-content.hs-catalog-page .hs-card-lyrics summary{cursor:pointer;padding:12px 0;font-size:.8rem;font-weight:700;color:#a52835} #main-content.hs-catalog-page .hs-card-lyrics .hs-lyrics{max-height:320px;overflow:auto;padding:16px;background:#f8f4ef;border-radius:10px;font-size:.85rem;line-height:1.85} #main-content.hs-catalog-page .hs-card-download{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:.75rem;font-weight:600;color:#a52835} #main-content.hs-catalog-page .hs-list-view .hs-card--hymn .hs-card-body{display:flex;flex-direction:column} body.theme-dark #main-content.hs-catalog-page .hs-scope-heading{border-color:#514639} body.theme-dark #main-content.hs-catalog-page .hs-scope-heading h2{color:#f5eee4} body.theme-dark #main-content.hs-catalog-page .hs-scope-heading p{color:#d2c4b5} body.theme-dark #main-content.hs-catalog-page :is(.hs-scope-count,.hs-card-lyrics .hs-lyrics){background:#332b26;color:#eadfd0} body.theme-dark #main-content.hs-catalog-page :is(.hs-card-download,.hs-card-lyrics summary){color:#ffabb5} body.high-contrast #main-content.hs-catalog-page :is(.hs-scope-heading h2,.hs-scope-heading p,.hs-scope-count,.hs-card-lyrics .hs-lyrics,.hs-card-download,.hs-card-lyrics summary,.hs-territory-copy small,.hs-territory-copy strong,.hs-territory-copy span){background:#000;color:#fff;border-color:#fff} @media(max-width:575px){#main-content.hs-catalog-page .hs-scope-heading{align-items:flex-start}#main-content.hs-catalog-page .hs-scope-heading h2{font-size:1.25rem}#main-content.hs-catalog-page .hs-scope-heading p{font-size:.8rem}#main-content.hs-catalog-page .hs-scope-count{font-size:.65rem;padding:6px 8px}} /* Fiscal guide: choose an operation, follow a numbered route, consult details. */ #main-content.emissao-main>section.section.legal-page{padding-top:24px!important} #main-content.emissao-main .emissao-document{padding:30px!important} #main-content.emissao-main .emissao-lead-title{font-size:clamp(1.6rem,2.8vw,2.15rem)!important;line-height:1.2;max-width:28ch;margin:14px 0 18px} #main-content.emissao-main .legal-document__lead{font-size:1rem!important;line-height:1.75!important} #main-content.emissao-main .emissao-highlights{display:none} #main-content.emissao-main .emissao-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 14px} #main-content.emissao-main .emissao-paths button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px 12px;text-align:left;background:#faf8f4;border:1px solid #dfd6ca;border-radius:12px;padding:18px;color:#302923;cursor:pointer} #main-content.emissao-main .emissao-paths button>i{grid-row:1 / span 2;font-size:1.4rem;color:#b18b46} #main-content.emissao-main .emissao-paths strong{font:700 .88rem/1.4 Inter,system-ui,sans-serif} #main-content.emissao-main .emissao-paths button>span{font:.72rem/1.5 Inter,system-ui,sans-serif;color:#756b61} #main-content.emissao-main .emissao-paths button[aria-pressed=true]{background:#fff4df;border-color:#b18b46;box-shadow:inset 0 -3px #b18b46} #main-content.emissao-main .emissao-path-status{font-size:.76rem!important;color:#786342;background:#f6f0e4;padding:12px 16px;border-radius:8px} #main-content.emissao-main .emissao-route{border:1px solid #e4dbcf;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden} #main-content.emissao-main .emissao-route[hidden]{display:none} #main-content.emissao-main .emissao-route summary{padding:18px;cursor:pointer;font-family:Inter,system-ui,sans-serif;color:#302923} #main-content.emissao-main .emissao-route summary>span{font-size:.95rem;font-weight:700} #main-content.emissao-main .emissao-route summary>small{display:block;font-size:.7rem;font-weight:400;color:#796d5c;margin:7px 0 0 18px;line-height:1.5} #main-content.emissao-main .emissao-route[open] summary{background:#faf5e9;border-bottom:1px solid #e4dbcf} #main-content.emissao-main .emissao-route-body{padding:20px} #main-content.emissao-main .emissao-route-body>p{font-size:.88rem!important} #main-content.emissao-main .emissao-roadmap{list-style:none;counter-reset:none;padding:0;margin:24px 0;display:grid;gap:0} #main-content.emissao-main .emissao-roadmap li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:0 0 24px;line-height:1.6} #main-content.emissao-main .emissao-roadmap li:not(:last-child)::before{content:'';position:absolute;left:20px;top:42px;bottom:0;width:2px;background:#e6dac3} #main-content.emissao-main .emissao-roadmap li>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dac59c;background:#fcf6e9;border-radius:50%;font:750 .8rem Inter,system-ui,sans-serif;color:#8b672c} #main-content.emissao-main .emissao-roadmap h3{font:700 1rem/1.4 Inter,system-ui,sans-serif;margin:7px 0 9px;color:#322a24} #main-content.emissao-main .emissao-roadmap p{font-size:.85rem!important;line-height:1.7!important;margin:0 0 10px!important} #main-content.emissao-main .emissao-roadmap small{display:block;color:#427354;font-size:.71rem;font-weight:600} #main-content.emissao-main .emissao-source-note{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid #e6ded4;padding-top:18px;margin-top:22px;font-size:.75rem} #main-content.emissao-main .emissao-source-note :is(strong,small){flex-basis:100%;line-height:1.7} #main-content.emissao-main .emissao-source-note small{color:#796d5c} #main-content.emissao-main .emissao-paths button:focus-visible{outline:3px solid #b18b46;outline-offset:3px} body.theme-dark #main-content.emissao-main :is(.emissao-route,.emissao-paths button){background:#302923;border-color:#665743;color:#f7ead7} body.theme-dark #main-content.emissao-main :is(.emissao-route summary,.emissao-roadmap h3){color:#f7ead7} body.high-contrast #main-content.emissao-main :is(.emissao-route,.emissao-paths button,.emissao-route summary){background:#000;color:#fff;border-color:#fff} @media(max-width:575px){#main-content.emissao-main .emissao-document{padding:22px 16px!important}#main-content.emissao-main .emissao-paths{grid-template-columns:1fr}#main-content.emissao-main .emissao-route-body{padding:16px}#main-content.emissao-main .emissao-roadmap li{grid-template-columns:36px minmax(0,1fr);gap:12px}#main-content.emissao-main .emissao-roadmap li>span{width:36px;height:36px}#main-content.emissao-main .emissao-roadmap li:not(:last-child)::before{left:17px;top:36px}} @media print{#main-content.emissao-main .emissao-route[hidden]{display:block}#main-content.emissao-main .emissao-paths{display:none}} /* Consistent editorial and project rhythm. */ #main-content.project-detail-page .project-detail{padding-top:32px!important;padding-bottom:150px!important} #main-content.project-detail-page .project-detail>.container{display:grid;gap:24px} #main-content.project-detail-page .project-process,#main-content.project-detail-page .project-next-actions{padding:24px;border:1px solid #e7dfd8;background:#fff;border-radius:14px} #main-content.project-detail-page .project-process h2,#main-content.project-detail-page .project-next-actions h2{font-size:1.3rem;margin:8px 0 18px;line-height:1.35} #main-content.project-detail-page .project-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;counter-reset:process;padding:0;margin:0} #main-content.project-detail-page .project-process li{counter-increment:process;min-width:0} #main-content.project-detail-page .project-process li:before{content:counter(process);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f9eaec;color:#bd2334;font-weight:700;margin-bottom:12px} #main-content.project-detail-page .project-process strong{display:block;font-size:.9rem} #main-content.project-detail-page .project-process p,#main-content.project-detail-page .project-next-actions :is(p,li){font-size:.85rem;line-height:1.7;margin:8px 0} #main-content.project-detail-page .project-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:28px} #main-content.project-detail-page .project-next-actions details{padding:12px 0;border-bottom:1px solid #e7dfd8;font-size:.85rem} #main-content.project-detail-page .project-next-actions summary{cursor:pointer;font-weight:600;line-height:1.5} #main-content.project-detail-page .project-related-guides{display:flex;gap:12px;flex-wrap:wrap} #main-content.project-detail-page .project-related-guides a{padding:12px 16px;border:1px solid #e7dfd8;border-radius:9px;background:#fff;color:#b32732;font-size:.8rem} #main-content.blog-page .blog-article-content{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.8;max-width:none} #main-content.blog-page .blog-article-content h2{font-size:clamp(1.25rem,2vw,1.55rem);margin:28px 0 14px;line-height:1.4} #main-content.blog-page.compact-catalog-top .blog-filters{flex-wrap:wrap;overflow:visible;gap:8px;padding:0;margin:16px 0} #main-content.blog-page .blog-card-image{aspect-ratio:16/9;overflow:hidden} #main-content.blog-page .blog-card-body{min-height:0;display:flex;flex-direction:column} #main-content.blog-page .blog-card-body>p{flex:1} #main-content.blog-page .blog-card-footer{margin-top:auto} #main-content.blog-page .blog-cover img{max-height:340px;width:100%;object-fit:contain} #main-content.blog-page img[src*="declaracao-fe-original"]{object-fit:contain!important;background:#f6f0e9;padding:16px} #main-content.blog-page .blog-article-content figure:has(img[src*="declaracao-fe-original"]){text-align:center} #main-content.blog-page .blog-article-content img[src*="declaracao-fe-original"]{width:auto;max-height:300px} #main-content.blog-page .editorial-collections{gap:8px;margin:18px 0} #main-content.blog-page .editorial-collections a{font-size:.8rem;padding:10px 14px} #main-content.blog-page .blog-article-content details[open]{background:#fff;padding:16px} body.theme-dark #main-content.project-detail-page :is(.project-process,.project-next-actions){background:#242424;border-color:#555;color:#eee} body.theme-dark #main-content.blog-page .blog-article-content details[open]{background:#242424} @media(max-width:900px){#main-content.project-detail-page .project-process ol{grid-template-columns:repeat(3,minmax(0,1fr))}#main-content.blog-page .blog-detail-layout{gap:24px}} @media(max-width:600px){#main-content.project-detail-page .project-detail{padding-top:24px!important;padding-bottom:130px!important}#main-content.project-detail-page .project-process,#main-content.project-detail-page .project-next-actions{padding:18px}#main-content.project-detail-page .project-process ol,#main-content.project-detail-page .project-next-actions{grid-template-columns:1fr}#main-content.project-detail-page .project-process li{display:grid;grid-template-columns:32px 1fr;gap:0 12px}#main-content.project-detail-page .project-process li:before{grid-row:span 2}#main-content.project-detail-page .project-process li p{margin-top:4px}#main-content.blog-page .blog-cover img{max-height:240px}#main-content.blog-page.compact-catalog-top .blog-filters a{font-size:.7rem;padding:8px 10px}} #main-content.project-detail-page .project-image-caption{font-size:.7rem;line-height:1.6;margin:0;padding:10px 12px;background:#f6f0e9;color:#71665e} /* Article detail: editorial hierarchy and a compact, responsive reading column. */ body:not(.theme-dark):not(.high-contrast) #main-content.main>.page-title{background-color:#eceeef!important;background-image:linear-gradient(#d0d0d0,#d0d0d0),url('../img/ui/bg-meio.png'),linear-gradient(90deg,rgba(110,118,125,.08) 0%,rgba(110,118,125,.025) 12%,rgba(110,118,125,0) 28%,rgba(110,118,125,0) 72%,rgba(110,118,125,.025) 88%,rgba(110,118,125,.08) 100%),radial-gradient(ellipse 680px 320px at calc(max(16px,(100% - 1180px)/2) + 140px) 60%,#fff 0%,#fff 25%,#f7f8f9 55%,#f0f1f2 78%,#eceeef 100%)!important;background-size:100% 1px,auto,100% 100%,100% 100%!important;background-position:center bottom,center top,center,center!important;background-repeat:no-repeat,repeat,no-repeat,no-repeat!important;background-blend-mode:normal} #main-content.blog-detail-page .page-title h2{font-family:var(--heading-font,'Montserrat',sans-serif);font-weight:800;font-size:var(--acs-heading-1,clamp(1.85rem,3.2vw,2.7rem));line-height:1.04;letter-spacing:-.05em;margin:0;color:var(--heading-color,#1d1b1a)} /* Author leads the sidebar; decoration stays subtle and respects reduced motion. */ #main-content.blog-detail-page .blog-sidebar .author-card{position:relative;overflow:hidden;padding:26px 22px;background:linear-gradient(145deg,var(--surface-color,#fff),var(--background-color,#f5f6f8));border-top:3px solid #e33443} #main-content.blog-detail-page .blog-sidebar .author-profile{flex-direction:column;text-align:center;gap:16px;margin:22px 0 18px;position:relative} #main-content.blog-detail-page .blog-sidebar .author-avatar{width:126px;height:126px;padding:5px;border:1px solid #edcbd0;background:var(--surface-color,#fff);box-shadow:0 12px 28px #24263015,0 0 0 7px #e3344308;transition:transform .25s ease,box-shadow .25s ease} #main-content.blog-detail-page .blog-sidebar .author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 25%} #main-content.blog-detail-page .blog-sidebar .author-profile:hover .author-avatar{transform:translateY(-3px) scale(1.025);box-shadow:0 16px 32px #24263020,0 0 0 9px #e3344310} #main-content.blog-detail-page .blog-sidebar .author-profile strong{font-size:1.22rem;letter-spacing:-.025em} #main-content.blog-detail-page .blog-sidebar .author-profile small{display:block;margin-top:7px;line-height:1.5;font-size:.8rem} #main-content.blog-detail-page .blog-sidebar .author-bio{border-top:1px solid var(--border-color,#e4e5e7);border-bottom:0;text-align:left} #main-content.blog-detail-page .blog-sidebar .author-count{display:block;text-align:center;padding-top:8px;font-size:.8rem} #main-content.blog-detail-page .blog-article-content table th{color:var(--heading-color,#282c32)!important;background:var(--background-color,#f0f2f4)!important;font-weight:700;text-transform:none;letter-spacing:0} #main-content.blog-detail-page .blog-article-content table{box-shadow:none} #main-content.blog-detail-page .blog-article-header .article-actions{padding-top:14px;margin-top:16px} /* Compact, contextual controls for the public blog catalog. */ #main-content.blog-page.compact-catalog-top>.page-title{margin-bottom:12px} #main-content.blog-page.compact-catalog-top>section.blog-listing{padding-top:16px!important} #main-content.blog-page.compact-catalog-top .blog-catalog-hero{gap:24px;padding:22px 24px;margin-bottom:18px} #main-content.blog-page.compact-catalog-top .blog-browse-heading{margin:12px 0 8px} #main-content.blog-page.compact-catalog-top .blog-browse-heading h2{font-size:1.3rem} #main-content.blog-page.compact-catalog-top .editorial-collections{gap:8px;margin:12px 0} #main-content.blog-page.compact-catalog-top .editorial-collections a{padding:8px 12px;font-size:.75rem} #main-content.blog-page.compact-catalog-top.has-active-filters .editorial-collections{display:none} #main-content.blog-page.compact-catalog-top .editorial-filters{padding:12px;margin-bottom:8px} #main-content.blog-page.compact-catalog-top .blog-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c8bcb2 transparent;padding:0 0 6px;margin:10px 0} #main-content.blog-page.compact-catalog-top .blog-filters a{flex:0 0 auto;scroll-snap-align:start} #main-content.blog-page.compact-catalog-top .blog-results-summary{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px} #main-content.blog-page.compact-catalog-top .blog-active-filter{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 9px;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-surface);color:var(--blog-muted);overflow-wrap:anywhere} #main-content.blog-page.compact-catalog-top .blog-grid{gap:20px} @media(max-width:850px){#main-content.blog-page.compact-catalog-top .blog-catalog-hero{gap:18px;padding:18px}} @media(max-width:600px){#main-content.blog-page.compact-catalog-top .blog-results-summary{align-items:flex-start}#main-content.blog-page.compact-catalog-top .blog-active-filter{border-radius:10px}} #main-content.blog-detail-page .comments-heading{display:block} #main-content.blog-detail-page .comments-heading p{margin:8px 0 0} #main-content.blog-detail-page .comments-list .comments-empty{background:transparent;padding:0;margin:0 0 18px;border:0} #main-content.blog-detail-page .comments-list+.comment-form{margin-top:18px} @media(prefers-reduced-motion:reduce){#main-content.blog-detail-page .blog-sidebar .author-avatar{transition:none}#main-content.blog-detail-page .blog-sidebar .author-profile:hover .author-avatar{transform:none}} #main-content.blog-detail-page .blog-article{padding:36px 0 0} #main-content.blog-detail-page>article.blog-article{padding-bottom:clamp(120px,10vw,156px)!important} #main-content.blog-detail-page .blog-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start} #main-content.blog-detail-page .blog-article-main{min-width:0;background:var(--surface-color,#fff);border:1px solid var(--border-color,#eadfd7);border-radius:16px;overflow:hidden} #main-content.blog-detail-page .blog-cover{margin:0;background:var(--background-color,#faf9f7);border-radius:0} #main-content.blog-detail-page .blog-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:0} #main-content.blog-detail-page .blog-cover img[src*="declaracao-fe"]{object-fit:contain;padding:18px} #main-content.blog-detail-page .blog-cover figcaption{padding:10px 32px;font-size:.75rem;line-height:1.6;text-align:left;color:var(--default-color,#625b55);font-style:normal} #main-content.blog-detail-page .blog-article-header{border:0;border-radius:0;box-shadow:none;margin:0;padding:26px 32px 16px;background:transparent} #main-content.main.blog-detail-page>.page-title h1{width:100%;max-width:none;font-size:clamp(1.5rem,2.8vw,2.35rem)!important;line-height:1.25!important;letter-spacing:-.025em!important;text-align:left;text-align-last:auto;overflow-wrap:anywhere;text-wrap:wrap} #main-content.blog-detail-page .blog-article-header>p{font-size:1rem;line-height:1.8;margin:12px 0 0;color:var(--default-color,#625b55);overflow-wrap:anywhere} #main-content.blog-detail-page .blog-article-header .article-category{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:12px;border-radius:6px;background:rgba(217,54,62,.07);font-size:.65rem;line-height:1.5;letter-spacing:.07em;text-decoration:none} #main-content.blog-detail-page .blog-article-header .article-category::before{display:none} #main-content.blog-detail-page .blog-article-header .article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;padding:0;margin:0 0 12px;border:0;border-radius:0;background:transparent;font-size:.75rem;color:var(--default-color,#625b55)} #main-content.blog-detail-page .blog-article-header .article-byline>:is(span,time,a,button){display:inline-flex;align-items:center;gap:6px;min-width:0;min-height:32px;line-height:1.5;overflow-wrap:anywhere} #main-content.blog-detail-page .blog-article-header .article-byline a{color:inherit;font-weight:400;text-decoration:none} #main-content.blog-detail-page .blog-article-header .article-byline a:hover{color:var(--accent-color,#d9363e);text-decoration:underline} #main-content.blog-detail-page .blog-article-header .article-share-link{border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer} #main-content.blog-detail-page .blog-article-header .article-share-link:hover{color:var(--accent-color,#d9363e)} #main-content.blog-detail-page .blog-article-header .article-byline>:is(span,time)::before{display:none;content:none} #main-content.blog-detail-page .blog-article-header .article-byline i{flex-shrink:0;color:inherit;opacity:.75} #main-content.blog-detail-page .blog-article-header .article-actions{display:flex;flex-wrap:wrap;gap:8px} #main-content.blog-detail-page .blog-article-header .article-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;margin:0;font-size:.75rem;line-height:1.4;text-decoration:none} #main-content.blog-detail-page .article-comment-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:5px;background:rgba(127,127,127,.1);font-size:.67rem} #main-content.blog-detail-page #article-content{scroll-margin-top:150px} #main-content.blog-detail-page .blog-article-header :is(a,button):focus-visible{outline:2px solid var(--accent-color,#d9363e);outline-offset:3px} @media(max-width:600px){ #main-content.blog-detail-page .blog-article-header .article-byline{gap:8px 16px;font-size:.78rem} #main-content.blog-detail-page .blog-article-header .article-share-button{flex:1 1 140px;min-height:44px} } body.high-contrast #main-content.blog-detail-page .blog-article-header .article-byline{color:#fff} #main-content.blog-detail-page .article-byline{gap:8px 18px;font-size:.78rem;margin:12px 0} #main-content.blog-detail-page .article-actions{gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color,#eadfd7)} #main-content.blog-detail-page .article-share-button{padding:8px 10px;font-size:.78rem;border-radius:7px;min-height:36px} #main-content.blog-detail-page .article-reading-controls{margin:0 32px;padding:10px 0;border:0;font-size:.75rem;gap:8px} #main-content.blog-detail-page .article-reading-controls button{padding:4px 9px;min-height:30px} #main-content.blog-detail-page .article-progress{margin:0 32px 18px;padding:8px 0;border:0;font-size:.72rem;gap:10px;background:transparent} #main-content.blog-detail-page .blog-article-content{padding:8px 32px 24px;line-height:1.85;font-size:1rem;overflow-wrap:anywhere} #main-content.blog-detail-page .blog-article-content>p:first-child{margin-top:0} #main-content.blog-detail-page .blog-article-content h2{font-size:1.4rem;margin:28px 0 14px;line-height:1.35} #main-content.blog-detail-page .blog-article-content figure{margin:24px 0} #main-content.blog-detail-page .blog-article-content table{display:table;width:100%;max-width:100%;table-layout:fixed;overflow-wrap:normal} #main-content.blog-detail-page .blog-article-content :is(th,td){width:auto;min-width:0;padding:12px 14px;vertical-align:top;text-align:left!important;text-align-last:left;line-height:1.6;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:none} #main-content.blog-detail-page .blog-article-content th{font-size:.9rem} @media(max-width:575px){ #main-content.blog-detail-page .blog-article-content :is(th,td){padding:10px 8px;font-size:.85rem;line-height:1.55} } #main-content.blog-detail-page .blog-article-content :is(th,td):first-child{width:auto;min-width:0;white-space:normal} #main-content.blog-detail-page .blog-article-content table:has(tr>th:nth-child(3):last-child) tr>:first-child{width:28%} #main-content.blog-detail-page .blog-article-content table:has(tr>th:nth-child(3):last-child) tr>:nth-child(2), #main-content.blog-detail-page .blog-article-content table:has(tr>th:nth-child(3):last-child) tr>:nth-child(3){width:36%} #main-content.blog-detail-page .blog-article-content :is(th,td){padding:10px 12px} #main-content.blog-detail-page .blog-article-content blockquote{margin:28px 0;padding:28px 30px;border:0;border-left:3px solid var(--accent-color,#d9363e);border-radius:0;background:rgba(127,127,127,.08);box-shadow:none;color:var(--heading-color,#282c32);text-align:center} #main-content.blog-detail-page .blog-article-content blockquote p{margin:0 0 14px;font-size:1.1em;line-height:1.8;font-style:italic} #main-content.blog-detail-page .blog-article-content blockquote p:last-child{margin-bottom:0} #main-content.blog-detail-page .blog-article-content blockquote p+ p{font-size:.85em;font-style:normal} body.high-contrast #main-content.blog-detail-page .blog-article-content blockquote{background:#000;color:#fff;border-left-color:#fff} @media(max-width:600px){ #main-content.blog-detail-page .blog-article-header .article-byline>:is(a,button){min-height:44px} #main-content.blog-detail-page .blog-article-content blockquote{padding:20px 18px;margin:24px 0} } #main-content.blog-detail-page .article-tags{margin:0 32px;padding:18px 0 24px;gap:8px} #main-content.blog-detail-page .blog-sidebar-card{padding:22px;border-radius:12px;margin-bottom:18px;box-shadow:none} #main-content.blog-detail-page .blog-sidebar-card h2{font-size:1.1rem;margin-bottom:16px} #main-content.blog-detail-page .sidebar-eyebrow{font-size:.65rem;margin-bottom:8px} #main-content.blog-detail-page .author-card{text-align:left} #main-content.blog-detail-page .author-profile{margin:14px 0;gap:12px} #main-content.blog-detail-page .author-avatar{width:56px;height:56px;flex-shrink:0} #main-content.blog-detail-page .author-profile strong{font-size:1rem} #main-content.blog-detail-page .author-profile small{font-size:.75rem} #main-content.blog-detail-page .author-bio{padding:12px 0;margin:12px 0;text-align:left;font-size:.85rem} #main-content.blog-detail-page .author-bio summary{cursor:pointer;font-weight:600} #main-content.blog-detail-page .author-bio>strong{display:none} #main-content.blog-detail-page .author-bio p{font-size:.85rem;line-height:1.65;margin-top:12px} #main-content.blog-detail-page .sidebar-category-list a{padding:9px 0;font-size:.82rem} #main-content.blog-detail-page .related-posts img{width:64px;height:56px;object-fit:cover} #main-content.blog-detail-page .related-posts strong{font-size:.85rem;line-height:1.4} #main-content.blog-detail-page .related-posts small{font-size:.68rem} #main-content.blog-detail-page .blog-comments{padding:28px 0 110px} #main-content.blog-detail-page .blog-reading-column{min-width:0} #main-content.blog-detail-page .blog-reading-column .blog-comments{padding-top:26px!important;padding-bottom:40px!important} #main-content.blog-detail-page .blog-reading-column .blog-comments-shell{width:100%;max-width:none;padding:0} #main-content.blog-detail-page .comments-heading{margin-bottom:18px} #main-content.blog-detail-page .comments-heading h2,#main-content.blog-detail-page .comment-form-title h2{font-size:1.35rem;margin:8px 0} #main-content.blog-detail-page .comments-heading p,#main-content.blog-detail-page .comment-help{font-size:.82rem;line-height:1.6} #main-content.blog-detail-page .comments-empty{padding:18px;margin:0 0 20px;font-size:.9rem;text-align:left} #main-content.blog-detail-page .comment-form{padding:24px;margin-top:20px;border-radius:12px} #main-content.blog-detail-page .comment-form textarea{min-height:120px} #main-content.blog-detail-page .comment-user-identity{padding:12px;margin:16px 0} #main-content.blog-detail-page.article-focus .blog-detail-layout{grid-template-columns:minmax(0,840px);justify-content:center} #main-content.blog-detail-page.article-focus .blog-comments-shell{max-width:840px;padding-right:12px} @media(max-width:991px){ #main-content.blog-detail-page .blog-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px} #main-content.blog-detail-page .blog-comments-shell{padding-right:12px} #main-content.blog-detail-page .blog-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #main-content.blog-detail-page .blog-sidebar-card{margin:0} } @media(max-width:600px){ #main-content.blog-detail-page .blog-article{padding-top:22px} #main-content.blog-detail-page .blog-article-header{padding:20px 18px 12px} #main-content.blog-detail-page .blog-cover figcaption{padding:10px 18px} #main-content.blog-detail-page .blog-article-content{padding:8px 18px 20px} #main-content.blog-detail-page .article-reading-controls,#main-content.blog-detail-page .article-progress,#main-content.blog-detail-page .article-tags{margin-left:18px;margin-right:18px} #main-content.blog-detail-page .blog-sidebar{display:block} #main-content.blog-detail-page .blog-sidebar-card{margin-bottom:16px} #main-content.blog-detail-page .comment-form{padding:18px} #main-content.blog-detail-page .blog-cover img{height:auto;max-height:none} #main-content.blog-detail-page .article-actions{flex-wrap:wrap} } /* Faith study area: use the panel width for reading, without generic section padding. */ #main-content .faith-articles{padding:0;margin:16px 0;background:transparent} #main-content .faith-home-creed{padding:22px 24px;margin:22px 0} #main-content .faith-home-creed[open]>summary{margin-bottom:18px} #main-content .faith-home-creed>summary{font-size:1.12rem;line-height:1.5} #main-content .faith-articles-heading{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start;margin:0 0 20px;padding:0;background:transparent} #main-content .faith-articles-heading>img{width:140px;height:210px;margin:4px 0 0;float:none} #main-content .faith-articles-heading>div{min-width:0} #main-content .faith-articles-heading h2{font-size:clamp(1.45rem,2.25vw,1.9rem);line-height:1.3;margin:8px 0 16px} #main-content .faith-articles-heading p{font-size:1.08rem;line-height:1.7;margin:12px 0;max-width:none} #main-content .faith-articles .platform-kicker{color:var(--accent-color,#ba2133);font-size:.78rem} #main-content .faith-article-tools{gap:12px;padding:16px;margin:0 0 18px;align-items:end} #main-content .faith-article-tools label{font-size:.98rem;flex:1 1 240px;min-width:0} #main-content .faith-article-tools :is(input,select){min-height:46px;font-size:1rem;width:100%;min-width:0} #main-content .faith-article-tools button{font-size:.94rem;line-height:1.4;padding:12px;min-height:46px} #main-content .faith-article-status,#main-content .faith-storage-note{font-size:.95rem;line-height:1.65;margin:16px 0} #main-content .faith-article-list{gap:14px} #main-content .faith-article-list details{padding:18px 20px} #main-content .faith-article-list summary{font-size:1.12rem;line-height:1.5} #main-content .faith-article-list details p{font-size:1.08rem;line-height:1.75;margin:16px 0;max-width:none} #main-content .faith-article-list .faith-bible-reference{padding:14px;margin:16px 0;font-size:1.02rem} #main-content .faith-passage-links{gap:9px} #main-content .faith-passage-links a{font-size:.96rem;padding:8px 12px} #main-content .faith-personal-tools label{font-size:1rem;line-height:1.6} #main-content .faith-personal-tools textarea{font-size:1rem;line-height:1.6;min-height:92px} #main-content [data-faith-verses]{padding:16px;margin-top:16px} #main-content [data-faith-verses]>p{font-size:1.12rem;line-height:1.8} #main-content .faith-study-links{font-size:1rem;gap:12px 22px} #main-content.faith-page .editorial-faith-intro p{font-size:1rem!important;line-height:1.7!important;max-width:none!important} #main-content.faith-page .editorial-study-offer p{font-size:1rem;line-height:1.65} #main-content.faith-page .editorial-faith-grid p{font-size:1rem;line-height:1.7} #main-content.faith-page .editorial-faith-grid h3{font-size:1.2rem;line-height:1.45} @media(min-width:1050px){ #main-content .faith-article-tools{display:grid;grid-template-columns:minmax(200px,1fr) repeat(3,auto) minmax(240px,1fr)} #main-content .faith-article-tools label{align-self:end} } @media(max-width:750px){ #main-content .faith-articles-heading{grid-template-columns:100px minmax(0,1fr);gap:16px} #main-content .faith-articles-heading>img{width:100px;height:150px} #main-content .faith-articles-heading p{font-size:1rem} #main-content .faith-home-creed{padding:18px} #main-content .faith-article-tools{display:flex;flex-wrap:wrap} #main-content .faith-article-tools label{flex-basis:100%} #main-content .faith-article-tools button{flex:1 1 140px} } @media(max-width:500px){ #main-content .faith-articles-heading{display:block} #main-content .faith-articles-heading>img{float:left;margin:0 16px 12px 0} #main-content .faith-articles-heading:after{content:"";display:block;clear:both} #main-content .faith-article-list details{padding:16px} #main-content .faith-article-list details p{font-size:1.04rem} } /* Introductory faith cards stay secondary to the actual reading. */ #main-content .faith-home-creed{padding:16px 18px!important;margin:16px 0!important} #main-content .faith-home-creed>summary{font-size:16px!important;line-height:1.4} #main-content .faith-home-creed[open]>summary{margin-bottom:14px!important} #main-content .faith-articles-heading{grid-template-columns:84px minmax(0,1fr)!important;gap:18px!important;margin-bottom:16px!important} #main-content .faith-articles-heading>img{width:84px!important;height:126px!important;max-width:84px;margin:0!important;float:none!important} #main-content .faith-articles-heading h2{font-size:23px!important;line-height:1.3!important;margin:5px 0 8px!important} #main-content .faith-articles-heading .platform-kicker{font-size:11px!important;letter-spacing:.08em} #main-content .faith-articles-heading p{font-size:15px!important;line-height:1.65!important;margin:8px 0!important} #main-content .faith-intro-context{margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important} #main-content .faith-intro-context>summary{font-size:13px!important;font-weight:600;line-height:1.5;cursor:pointer} #main-content.faith-page .editorial-study-offer{padding:14px 18px!important;gap:18px;margin:16px 0!important} #main-content.faith-page .editorial-study-offer strong{font-size:15px!important;line-height:1.45} #main-content.faith-page .editorial-study-offer p{font-size:14px!important;line-height:1.55;margin:5px 0 0!important} #main-content.faith-page .editorial-study-offer .platform-kicker{font-size:10px!important;line-height:1.4;letter-spacing:.09em;color:#a92533} #main-content.faith-page .editorial-study-offer>div>.bi{font-size:26px!important} #main-content.faith-page .editorial-study-offer .blog-button{font-size:12px!important;padding:9px 13px!important;min-height:38px;white-space:normal;text-align:center} #main-content.faith-page .faith-offer-cover{width:48px!important;height:72px!important} @media(max-width:650px){#main-content .faith-articles-heading{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:12px!important}#main-content .faith-articles-heading>img{width:64px!important;height:96px!important;max-width:64px}#main-content .faith-articles-heading h2{font-size:20px!important}#main-content.faith-page .editorial-study-offer{padding:14px!important;flex-wrap:wrap}#main-content.faith-page .faith-offer-actions{width:auto}#main-content .faith-articles-heading:after{display:none}} /* Align the reading content with the article header; paragraph measures stay comfortable. */ #main-content.blog-detail-page .blog-detail-layout{grid-template-columns:minmax(0,760px) 290px;justify-content:center;gap:24px} #main-content.blog-detail-page .blog-article-content{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding:8px 32px 24px} #main-content.blog-detail-page .blog-article-header>p{max-width:68ch;line-height:1.75} #main-content.blog-detail-page .blog-sidebar{gap:16px} #main-content.blog-detail-page .blog-sidebar .study-hymn-slot{margin:0 0 16px;width:100%} #main-content.blog-detail-page .blog-sidebar .study-hymn{padding:14px!important} #main-content.blog-detail-page .blog-sidebar .study-hymn-heading h2{font-size:16px!important} #main-content.blog-detail-page .blog-sidebar .study-hymn-heading>.bi{display:none} #main-content.blog-detail-page .blog-sidebar .study-hymn .blog-eyebrow{font-size:10px!important;letter-spacing:.05em} #main-content.blog-detail-page .blog-sidebar .study-hymn-options{grid-template-columns:1fr 1fr} #main-content.blog-detail-page .blog-sidebar .study-hymn-options>label:first-child{grid-column:1/-1} #main-content.blog-detail-page .blog-sidebar .study-hymn-options label{font-size:12px} #main-content.blog-detail-page .blog-sidebar .study-hymn-links :is(a,button){font-size:12px;padding:4px 5px} #main-content.main.pf-student-dashboard-v6>.platform-shell{display:flex!important;flex-direction:column;gap:16px!important;padding-top:20px!important} #main-content.main.pf-student-dashboard-v6>.platform-shell>section{margin:0!important;min-height:0!important} #main-content.main.pf-student-dashboard-v6 .pf-student-welcome-v6{padding:18px 22px!important;box-shadow:none;min-height:0!important} #main-content.main.pf-student-dashboard-v6 .pf-student-welcome-v6 h1{font-size:28px!important;line-height:1.25} #main-content.main.pf-student-dashboard-v6 .pf-student-metrics-v6{padding:0!important;margin:0!important} #main-content.main.pf-student-dashboard-v6 .pf-student-dashboard-grid-v6{margin:0!important;padding:0!important;align-items:start;gap:18px} #main-content.main.pf-student-dashboard-v6 .pf-student-dashboard-main-v6{display:flex!important;flex-direction:column;gap:16px!important} #main-content.main.pf-student-dashboard-v6 .pf-student-dashboard-main-v6>section{margin:0!important;min-height:0!important} #main-content.main.pf-student-dashboard-v6 .pf-student-panel-v6{align-self:start;min-height:0!important} /* Keep the shared header and footer aligned with the main page shell site-wide. */ #header .container, #footer.footer--premium>.container{width:min(calc(100% - 32px),var(--presentation-width,1180px))!important;max-width:var(--presentation-width,1180px)!important} #header .container{padding-inline:0!important} #footer.footer--premium>.container{padding:0!important} body.pf-student-area-page #main-content.main>.platform-shell{padding-top:24px!important;padding-bottom:60px!important} .pf-student-area-layout{display:grid!important;grid-template-columns:210px minmax(0,1fr);gap:18px!important;align-items:start} .pf-student-area-content{display:grid;gap:16px;min-width:0} .pf-student-area-layout.is-guest{grid-template-columns:minmax(0,1fr)} .pf-student-area-content>.journey-shell{width:100%!important;max-width:none!important;margin:0!important} .pf-student-area-layout:not(.is-guest)>.pf-student-side-nav-v6{position:sticky;top:calc(var(--site-header-height,107px) + 16px);align-self:start} .pf-student-area-content>:is(.pf-student-section-hero,.pf-library-welcome,.pf-favorites-welcome,.th-hero){min-height:0;margin:0!important;padding:20px 22px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(39,27,21,.08)!important} .pf-student-area-content>:is(.pf-student-section-hero,.pf-library-welcome,.pf-favorites-welcome,.th-hero) h2{color:#fff!important;font-size:clamp(1.3rem,2vw,1.7rem)!important;line-height:1.25!important} .pf-student-area-content>:is(.pf-student-section-hero,.pf-library-welcome,.pf-favorites-welcome,.th-hero) p{color:#d1c9c5!important;font-size:.82rem!important;line-height:1.6!important} .pf-student-area-content>.pf-section-head{align-items:center;margin:0!important;padding:2px 0 0} .pf-student-area-content>.pf-section-head h2{margin:0 0 5px!important;font-size:clamp(1.25rem,2vw,1.55rem)!important;line-height:1.25!important;letter-spacing:-.03em} .pf-student-area-content>.pf-section-head p{font-size:.8rem;line-height:1.55} .pf-student-area-content>:is(.pf-account-panel,.pf-order){border-radius:14px;box-shadow:0 8px 24px rgba(39,27,21,.045)} .pf-student-area-content>.pf-account-panel{padding:20px} .pf-student-area-content>.pf-account-panel h2{margin-bottom:16px;font-size:1.2rem} .pf-student-area-content .pf-btn{min-height:40px} .pf-student-area-content>.pf-empty{min-height:190px;padding:24px} .pf-order-account-heading{display:flex;align-items:center;justify-content:space-between;gap:14px} .pf-order-account-heading>div:first-child>strong{font-size:.95rem} .pf-order-account-heading>.pf-inline{justify-content:flex-end} .pf-student-area-content .pf-order>p{margin:12px 0 0;line-height:1.55} .pf-notification-list{display:grid;gap:12px} .pf-notification-item{display:grid;gap:11px;transition:background-color .18s ease,border-color .18s ease} .pf-notification-item.is-read{background:#faf9f8;border-color:#eee8e3} .pf-notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .pf-notification-heading>strong{color:#302a27;font-size:.9rem;line-height:1.45} .pf-notification-heading time{flex:0 0 auto;color:#817770;font-size:.7rem;line-height:1.5} .pf-notification-item>p{margin:0;color:#6e655f;font-size:.8rem;line-height:1.65} body.theme-dark.pf-student-area-page .pf-student-area-content :is(.pf-notification-item,.pf-order,.pf-account-panel){background:#201d1b;border-color:#453832;color:#f5efeb} body.theme-dark.pf-student-area-page .pf-student-area-content :is(.pf-notification-heading>strong,.pf-account-panel h2,.pf-account-panel h3){color:#f5efeb} body.theme-dark.pf-student-area-page .pf-student-area-content :is(.pf-notification-heading time,.pf-notification-item>p,.pf-order .pf-small){color:#c9bcb3} body.high-contrast.pf-student-area-page .pf-student-area-content :is(.pf-notification-item,.pf-order,.pf-account-panel){background:#000!important;border-color:#fff!important;color:#fff!important} body.high-contrast.pf-student-area-page .pf-student-area-content :is(.pf-notification-heading>strong,.pf-notification-heading time,.pf-notification-item>p){color:#fff!important} @media(min-width:851px){ .pf-student-area-layout.is-nav-collapsed{grid-template-columns:64px minmax(0,1fr)} .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6{padding-inline:9px!important} .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>header{justify-content:center} .pf-student-area-layout.is-nav-collapsed .pf-student-nav-profile{justify-content:center;padding:6px 0;border-color:transparent;background:transparent} .pf-student-area-layout.is-nav-collapsed .pf-student-nav-avatar{flex-basis:36px;width:36px;height:36px} .pf-student-area-layout.is-nav-collapsed .pf-student-side-nav-heading, .pf-student-area-layout.is-nav-collapsed .pf-student-nav-profile-copy, .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>a>span, .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>a>em, .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>form button>span{display:none!important} .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>a, .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>form button{justify-content:center;padding-inline:0!important} .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>a>i, .pf-student-area-layout.is-nav-collapsed>.pf-student-side-nav-v6>form button>i{margin:0!important} } .pf-student-side-nav-v6>header{display:flex;align-items:center;justify-content:space-between;gap:6px} .pf-student-side-nav-heading{display:grid;min-width:0} .pf-student-nav-profile{display:flex;align-items:center;gap:10px;min-width:0;margin:0 2px 7px;padding:9px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff08} .pf-student-nav-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border:1px solid #ffffff20;border-radius:50%;background:#ffffff12;color:#fff;font-size:.9rem;font-weight:800} .pf-student-nav-avatar img{display:block;width:100%;height:100%;object-fit:cover} .pf-student-nav-profile-copy{display:grid;min-width:0;gap:2px} .pf-student-nav-profile-copy strong,.pf-student-nav-profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pf-student-nav-profile-copy strong{color:#fff;font-size:.72rem} .pf-student-nav-profile-copy small{color:#aaa19c;font-size:.6rem} .pf-student-nav-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #ffffff24;border-radius:7px;background:#ffffff0a;color:#f5f1ed;cursor:pointer} .pf-student-nav-toggle:hover{background:#ffffff18;color:#fff} .pf-student-nav-toggle:focus-visible{outline:2px solid #ed9aa0;outline-offset:2px} .pf-student-side-nav-v6>a>span,.pf-student-side-nav-v6>form button>span{min-width:0} @media(max-width:850px){ .pf-student-nav-toggle{display:none!important} body.pf-student-area-page #main-content.main>.platform-shell{padding-top:18px!important;padding-bottom:42px!important} .pf-student-area-layout{grid-template-columns:minmax(0,1fr)} .pf-student-area-layout:not(.is-guest)>.pf-student-side-nav-v6{position:static} .pf-student-area-layout>.pf-student-side-nav-v6{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} .pf-student-area-layout>.pf-student-side-nav-v6>header, .pf-student-area-layout>.pf-student-side-nav-v6>.pf-student-nav-profile, .pf-student-area-layout>.pf-student-side-nav-v6>.pf-student-side-nav-divider, .pf-student-area-layout>.pf-student-side-nav-v6>form{grid-column:1/-1} .pf-student-area-layout>.pf-student-side-nav-v6>header{padding:7px 10px} .pf-student-area-layout>.pf-student-side-nav-v6>.pf-student-nav-profile{padding:8px 10px;margin:0 0 5px} .pf-student-area-layout>.pf-student-side-nav-v6>a{min-width:0;padding:8px 7px;font-size:.68rem} .pf-student-area-content>:is(.pf-student-section-hero,.pf-library-welcome,.pf-favorites-welcome,.th-hero){align-items:flex-start;flex-direction:column;gap:14px;padding:18px!important} .pf-student-area-content>.pf-section-head{align-items:flex-start;flex-direction:column} .pf-order-account-heading{align-items:flex-start;flex-direction:column} .pf-order-account-heading>.pf-inline{justify-content:flex-start} .pf-notification-heading{flex-direction:column;gap:3px} } @media(max-width:999px){#main-content.blog-detail-page .blog-detail-layout{grid-template-columns:minmax(0,1fr)}#main-content.blog-detail-page .blog-article-content{max-width:none;padding-inline:32px}#main-content.blog-detail-page .blog-sidebar .study-hymn-slot{max-width:420px}} @media(max-width:600px){#main-content.blog-detail-page .blog-article-content{padding-inline:18px}} /* Use wide-screen margins for useful navigation, not longer text lines. */ #main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{width:min(var(--presentation-width,1180px),calc(100% - 32px))!important;max-width:var(--presentation-width,1180px)!important;display:grid;grid-template-columns:160px minmax(0,1fr) 270px;grid-template-areas:'index reading sidebar';gap:20px;align-items:start;padding-inline:0!important;margin-inline:auto} #main-content.blog-detail-page .article-reading-rail{grid-area:index;position:sticky;top:155px;align-self:start;min-width:0;font-size:13px;line-height:1.5} #main-content.blog-detail-page .blog-reading-column{grid-area:reading;min-width:0} #main-content.blog-detail-page .blog-sidebar{grid-area:sidebar;min-width:0} .article-rail-index{border:1px solid var(--border-color,#e5dedb);background:var(--surface-color,#fff);border-radius:12px;padding:14px} .article-rail-index>summary{font-size:14px;font-weight:700;cursor:pointer;color:var(--heading-color,#292523)} .article-rail-index nav{display:grid;gap:4px;margin-top:12px;max-height:calc(100vh - 340px);min-height:60px;overflow-y:auto;scrollbar-width:thin} .article-rail-index nav a{padding:7px 8px;border-left:2px solid transparent;color:var(--default-color,#665e59);font-size:12px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;border-radius:0 6px 6px 0} .article-rail-index nav a:hover,.article-rail-index nav a[aria-current]{background:#fff1f2;color:#aa2937;border-left-color:#d93040} .article-rail-shortcuts{display:grid;gap:8px;margin-top:14px;padding:0 4px} .article-rail-shortcuts :is(a,button){display:flex;align-items:center;gap:8px;padding:6px 3px;color:var(--default-color,#665e59);font:inherit;font-size:12px;line-height:1.5;text-decoration:none;border:0;background:none;text-align:left;cursor:pointer;min-height:32px} .article-rail-shortcuts i{color:#bd2d3b;font-size:15px}.article-reading-rail :is(a,button,summary):focus-visible{outline:2px solid #d93040;outline-offset:2px} @media(max-width:1199px){#main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{max-width:var(--presentation-width,1180px)!important;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:'index index' 'reading sidebar';gap:18px}#main-content.blog-detail-page .article-reading-rail{position:static;display:flex;gap:16px;align-items:start}.article-rail-index{flex:1}.article-rail-index nav{max-height:220px}.article-rail-shortcuts{margin-top:0;min-width:180px}} @media(max-width:999px){#main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{max-width:820px!important;grid-template-columns:minmax(0,1fr);grid-template-areas:'index' 'reading' 'sidebar';width:calc(100% - 24px)!important}.article-rail-shortcuts{min-width:0;display:flex;flex-wrap:wrap;gap:8px 14px}.article-rail-index{width:100%}#main-content.blog-detail-page .article-reading-rail{display:block}.article-rail-shortcuts{margin-top:8px}} @media print{#main-content.blog-detail-page .article-reading-rail{display:none!important}#main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{display:block!important;max-width:none!important;width:100%!important}.blog-sidebar{display:none!important}} /* List thumbnails must stay inside their grid track, including intrinsic wide images. */ #main-content.blog-page .blog-grid.is-list{display:grid;grid-template-columns:1fr;gap:18px} #main-content.blog-page .blog-grid.is-list>.blog-card{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;grid-template-rows:auto;align-items:stretch;gap:0;min-width:0;min-height:0;overflow:hidden} #main-content.blog-page .blog-grid.is-list .blog-card-image{grid-column:1;grid-row:1;position:relative;display:block;width:auto!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:200px;aspect-ratio:auto!important;overflow:hidden;margin:0!important} #main-content.blog-page .blog-grid.is-list .blog-card-image img{position:absolute!important;inset:0;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;object-fit:cover!important;object-position:center;transform:none!important;display:block} #main-content.blog-page .blog-grid.is-list .blog-card-body{grid-column:2;grid-row:1;min-width:0!important;width:auto!important;min-height:0!important;padding:18px 20px!important;margin:0!important;position:relative;overflow-wrap:anywhere;gap:0} #main-content.blog-page .blog-grid.is-list .blog-card h2{font-size:20px;line-height:1.35;margin:10px 0} #main-content.blog-page .blog-grid.is-list .blog-card-body>p{font-size:14px;line-height:1.65;margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:0 0 auto} #main-content.blog-page .blog-grid.is-list .blog-card-meta{gap:12px;font-size:11px;margin-top:8px} #main-content.blog-page .blog-grid.is-list .blog-reading-meta{font-size:11px;min-height:32px} #main-content.blog-page .blog-grid.is-list .blog-save{padding:6px 9px!important;min-height:32px;font-size:11px} #main-content.blog-page .blog-grid.is-list .blog-card-footer{margin-top:auto;padding-top:12px;gap:12px;font-size:12px} @media(max-width:850px){#main-content.blog-page .blog-grid.is-list>.blog-card{grid-template-columns:190px minmax(0,1fr)!important}#main-content.blog-page .blog-grid.is-list .blog-card h2{font-size:18px}} @media(max-width:600px){#main-content.blog-page .blog-grid.is-list>.blog-card{grid-template-columns:110px minmax(0,1fr)!important}#main-content.blog-page .blog-grid.is-list .blog-card-image{min-height:180px}#main-content.blog-page .blog-grid.is-list .blog-card-body{padding:12px!important}#main-content.blog-page .blog-grid.is-list .blog-card h2{font-size:16px}#main-content.blog-page .blog-grid.is-list .blog-card-body>p{-webkit-line-clamp:2;font-size:12px}#main-content.blog-page .blog-grid.is-list .blog-card-footer{flex-wrap:wrap;font-size:11px}#main-content.blog-page .blog-grid.is-list .featured-label{font-size:9px;padding:5px;left:6px;top:6px}} @media(max-width:380px){#main-content.blog-page .blog-grid.is-list>.blog-card{grid-template-columns:1fr!important}#main-content.blog-page .blog-grid.is-list .blog-card-image{grid-column:1;grid-row:1;height:170px!important;min-height:170px}#main-content.blog-page .blog-grid.is-list .blog-card-body{grid-column:1;grid-row:2}} /* Article index joins the right sidebar, giving the main column its space back. */ #main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:'reading sidebar';gap:24px} #main-content.blog-detail-page .blog-sidebar .article-reading-rail{position:static;display:block;grid-area:auto;width:100%;margin:0 0 16px} #main-content.blog-detail-page .blog-sidebar .article-rail-index{width:100%;padding:16px} #main-content.blog-detail-page .blog-sidebar .article-rail-index nav{max-height:340px} #main-content.blog-detail-page .blog-sidebar .article-rail-index nav a{font-size:13px} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts{display:grid;margin-top:10px;min-width:0;gap:6px;padding:14px;border:1px solid var(--border-color,#e5dedb);border-radius:12px;background:var(--surface-color,#fff)} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts h3{margin:0 0 2px;color:var(--default-color,#665e59);font-size:.68rem;font-weight:800;line-height:1.4;letter-spacing:.08em;text-transform:uppercase} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button){display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--border-color,#e5dedb);border-radius:8px;background:var(--background-color,#faf9f7);color:var(--default-color,#514b46);font:inherit;font-size:.78rem;line-height:1.45;text-decoration:none;text-align:left;overflow-wrap:anywhere;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;cursor:pointer} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button):hover{border-color:rgba(217,54,62,.4);background:rgba(217,54,62,.06);color:var(--accent-color,#d9363e);transform:translateY(-1px)} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts i{flex:0 0 18px;color:var(--accent-color,#d9363e);font-size:15px;text-align:center} #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button):focus-visible{outline:2px solid var(--accent-color,#d9363e);outline-offset:2px} body.theme-dark #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts{background:var(--surface-color,#242424)} body.theme-dark #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button){background:var(--background-color,#1b1b1b);color:var(--default-color,#eee)} body.high-contrast #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts, body.high-contrast #main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button){background:#000;color:#fff;border-color:#fff} @media(prefers-reduced-motion:reduce){#main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button){transition:none}#main-content.blog-detail-page .blog-sidebar .article-rail-shortcuts :is(a,button):hover{transform:none}} @media(max-width:999px){#main-content.main.blog-detail-page .blog-article>.container.blog-detail-layout{grid-template-columns:1fr;grid-template-areas:'reading' 'sidebar'}} /* Leave a visible gap before the decorative footer waves. */ #main-content.main~#footer.footer--premium{margin-top:48px!important} @media(max-width:650px){#main-content.main~#footer.footer--premium{margin-top:36px!important}} @media print{#main-content.main~#footer.footer--premium{margin-top:0!important}} /* Keep article typography readable and consistent across every post. */ #main-content.blog-detail-page .blog-article-content{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.75;word-break:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto} #main-content.blog-detail-page #article-content>p, #main-content.blog-detail-page #article-content :not(blockquote)>p, #main-content.blog-detail-page .blog-article-header>p{max-width:none;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.75;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto;word-break:normal;overflow-wrap:normal} #main-content.blog-detail-page #article-content>p, #main-content.blog-detail-page #article-content :not(blockquote)>p{margin-bottom:1.1em} /* Indent the first line of article paragraphs, including the opening paragraph. */ #main-content.blog-detail-page #article-content p{ text-indent:2em } /* Only long addresses and literal code may wrap outside syllable boundaries. */ #main-content.blog-detail-page #article-content :is(a,code,pre){overflow-wrap:anywhere} #main-content.blog-detail-page #article-content>p:first-child, #main-content.blog-detail-page #article-content>p:first-child>em{font-size:1rem;font-style:normal} #main-content.blog-detail-page .blog-article-content :is(h2,h3,h4){text-align:left} /* Equal access to both government-program documents in the article. */ #main-content.event-detail-page .event-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;width:min(calc(100% - 40px),1180px);margin-inline:auto;padding:0} #main-content.event-detail-page .event-detail-main{min-width:0;overflow:hidden;border:1px solid var(--border-color,#e3d9cf);border-radius:14px;background:var(--surface-color,#fff)} #main-content.event-detail-page .event-detail-cover{margin:0;height:auto;aspect-ratio:auto;background:var(--background-color,#faf9f7)} #main-content.event-detail-page .event-detail-cover img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain} #main-content.event-detail-page .event-detail-content{padding:24px} #main-content.event-detail-page .event-detail-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;background:#fff0f2;color:#bd2938;font-size:.78rem;font-weight:700} #main-content.event-detail-page .event-detail-description{border-top:1px solid var(--border-color,#e3d9cf);margin-top:20px;font-size:1rem;line-height:1.75;overflow-wrap:break-word} #main-content.event-detail-page .event-detail-description p{margin:0 0 18px} #main-content.event-detail-page .event-detail-description h2{font-size:1.5rem;line-height:1.3;margin:30px 0 16px} #main-content.event-detail-page .event-detail-description h3{font-size:1.15rem;line-height:1.4;margin:24px 0 12px} #main-content.event-detail-page .event-detail-sidebar{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0} #main-content.event-detail-page .event-detail-card{min-width:0;padding:20px;border:1px solid var(--border-color,#e3d9cf);border-radius:14px;background:var(--surface-color,#fff)} #main-content.event-detail-page .event-detail-info{display:grid;gap:16px} #main-content.event-detail-page .event-detail-info-item{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px} #main-content.event-detail-page .event-detail-info-item i{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fff0f2;color:#bd2938} #main-content.event-detail-page .event-detail-info-item :is(small,strong){display:block;line-height:1.5;overflow-wrap:break-word} #main-content.event-detail-page .event-detail-info-item small{font-size:.78rem;color:var(--default-color,#665e59);margin-bottom:3px} #main-content.event-detail-page .event-detail-info-item strong{font-size:.9rem} #main-content.event-detail-page .event-detail-actions{display:flex;flex-direction:column;gap:10px} #main-content.event-detail-page .event-detail-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal} #main-content.event-detail-page .event-related-list{display:grid;gap:10px} #main-content.event-detail-page .event-related-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;text-decoration:none;color:var(--heading-color,#282422);font-size:.85rem;line-height:1.5;padding:8px;border:1px solid var(--border-color,#e3d9cf);border-radius:8px} #main-content.event-detail-page .event-related-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff0f2;color:#bd2938;font-size:.7rem;padding:7px;border-radius:6px} #main-content.event-detail-page .event-related-date strong{font-size:1.1rem} #main-content.event-detail-page .event-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--border-color,#e3d9cf);border-radius:8px} #main-content.event-detail-page .event-table-scroll table{margin:0} @media(max-width:900px){#main-content.event-detail-page .event-detail-layout{grid-template-columns:minmax(0,1fr)}#main-content.event-detail-page .event-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:575px){#main-content.event-detail-page .event-detail-layout{width:calc(100% - 28px);gap:16px}#main-content.event-detail-page .event-detail-content{padding:18px}#main-content.event-detail-page .event-detail-sidebar{grid-template-columns:minmax(0,1fr)}#main-content.event-detail-page .event-table-scroll table{min-width:540px}#main-content.event-detail-page .event-detail-description h2{font-size:1.25rem}} #main-content.event-detail-page .event-detail-description table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0;font-size:.9rem;line-height:1.65} #main-content.event-detail-page .event-detail-description :is(th,td){border:1px solid var(--border-color,#e3d9cf);padding:12px;vertical-align:top;text-align:left;white-space:normal;word-break:normal;overflow-wrap:break-word} #main-content.event-detail-page .event-detail-description th{background:var(--surface-color,#f6f2ef);font-weight:700} #main-content.event-detail-page .event-detail-description tr>:first-child{width:22%} #main-content.event-detail-page .event-detail-description tr>:not(:first-child){width:39%} @media(max-width:575px){#main-content.event-detail-page .event-detail-description :is(th,td){padding:9px 6px;font-size:.8rem}} #main-content.blog-detail-page .government-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0} #main-content.blog-detail-page .government-plan-card{border:1px solid var(--border-color,#e1dedb);border-radius:10px;padding:16px;background:var(--surface-color,#fff);min-width:0} #main-content.blog-detail-page .government-plan-card{display:flex;flex-direction:column;border-top:4px solid #bd2938;box-shadow:0 6px 18px #3020200a} #main-content.blog-detail-page .government-plan-card--pl{border-top-color:#235e9b} #main-content.blog-detail-page .government-plan-party{align-self:flex-start;padding:4px 10px;border-radius:6px;background:#fcebed;color:#a62332;font-size:13px;font-weight:800;letter-spacing:.04em;margin-bottom:10px} #main-content.blog-detail-page .government-plan-card--pl .government-plan-party{background:#eaf2fb;color:#235e9b} #main-content.blog-detail-page .government-plan-card--pl .government-plan-button{background:#235e9b} #main-content.blog-detail-page .government-plan-card p:last-child{margin-top:auto;padding-top:12px} #main-content.blog-detail-page .government-plan-card h3{font-size:17px;margin:0 0 10px;line-height:1.4} #main-content.blog-detail-page .government-plan-card p{font-size:14px!important;line-height:1.65;text-align:left!important;margin:10px 0} #main-content.blog-detail-page .government-plan-card p:last-child{display:flex;flex-direction:column;gap:10px;margin-bottom:0} #main-content.blog-detail-page .government-plan-button{background:#bd2938;color:#fff!important;padding:9px 12px;border-radius:7px;text-decoration:none;text-align:center;font-size:13px;font-weight:600} @media(max-width:650px){#main-content.blog-detail-page .government-plan-grid{grid-template-columns:1fr}}