/* Çok sayfalı taslak: ortak başlık, menü ve sayfa şablonları. */
.page-container{
    width:min(1160px,calc(100% - 48px));
    margin:0 auto
}
.subbar{
    height:35px;
    background:#173f68;
    color:#dbe4d7;
    font-size:10px
}
.subbar-inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.subbar a{
    color:#dbe4d7;
    text-decoration:none
}
.subbar strong{
    color:#e31e28;
    margin-left:7px
}
.page-header{
    background:#fff;
    border-bottom:1px solid #e8ece6;
    position:relative;
    z-index:20
}
.page-nav{
    height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.page-brand{
    display:flex;
    align-items:center;
    gap:9px;
    color:#174c7b;
    text-decoration:none;
    font:800 15px/1.1 Manrope,Arial,sans-serif;
    letter-spacing:.03em
}
.page-brand small{
    display:block;
    margin-top:4px;
    font:700 8px Arial,sans-serif;
    letter-spacing:.28em;
    color:#78876c
}
.page-brand-mark{
    display:grid;
    place-items:center;
    width:35px;
    height:35px;
    border:1px solid #a5b884;
    border-radius:50%;
    font:italic 21px Georgia,serif;
    color:#718c46
}
.page-menu{
    display:flex;
    align-items:center;
    gap:23px;
    height:100%;
    font:600 11px Arial,sans-serif
}
.page-menu>a,.menu-dropdown>a{
    color:#59645b;
    text-decoration:none;
    white-space:nowrap
}
.page-menu a.selected,.page-menu>a:hover,.menu-dropdown>a:hover{
    color:#718a43
}
.menu-dropdown{
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
.menu-dropdown>a span{
    padding-left:4px
}
.dropdown-panel{
    display:none;
    position:absolute;
    top:66px;
    left:-16px;
    background:white;
    min-width:255px;
    max-height:70vh;
    overflow:auto;
    padding:9px;
    border:1px solid #e5e9e0;
    box-shadow:0 14px 30px #132b1d1a;
    border-radius:4px
}
.dropdown-panel a{
    display:block;
    padding:9px 10px;
    color:#546155;
    text-decoration:none;
    font-size:10px;
    border-radius:2px
}
.dropdown-panel a:hover{
    background:#f2f5ea;
    color:#405c35
}
.menu-dropdown:hover .dropdown-panel,.menu-dropdown:focus-within .dropdown-panel{
    display:block
}
.page-contact-link{
    padding:12px 15px;
    background:#174c7b;
    border-radius:3px;
    color:white!important
}
.page-contact-link span{
    color:#e31e28;
    padding-left:9px
}
.page-menu-toggle{
    display:none
}
.page-main{
    background:#f7f7f1;
    min-height:55vh
}
.page-hero{
    background:#eef2e5;
    padding:56px 0 53px;
    position:relative;
    overflow:hidden
}
.page-hero:after{
    content:"";
    position:absolute;
    width:440px;
    height:440px;
    border:1px solid #dce5d0;
    border-radius:50%;
    right:-90px;
    top:-160px;
    box-shadow:0 0 0 55px #eef2e580,0 0 0 56px #dce5d050,0 0 0 110px #eef2e580,0 0 0 111px #dce5d050
}
.page-hero-inner{
    position:relative;
    z-index:1
}
.page-kicker{
    color:#829169;
    text-transform:uppercase;
    font:bold 9px Arial,sans-serif;
    letter-spacing:.17em
}
.page-kicker:before{
    content:"";
    display:inline-block;
    width:23px;
    height:1px;
    background:#91a277;
    margin:0 10px 3px 0
}
.page-title{
    font:600 clamp(37px,5vw,57px)/1.08 Manrope,Arial,sans-serif;
    letter-spacing:-.055em;
    color:#1d2a22;
    margin:19px 0 13px;
    max-width:780px
}
.page-title em{
    font:normal 1em Georgia,serif;
    color:#829a4d
}
.page-lead{
    font:14px/1.8 Arial,sans-serif;
    color:#68746a;
    max-width:660px;
    margin:0
}
.crumbs{
    font:10px Arial,sans-serif;
    color:#8b968a;
    margin-top:22px
}
.crumbs a{
    color:#5f7558;
    text-decoration:none
}
.page-body{
    padding:55px 0 78px
}
.content-narrow{
    max-width:850px
}
.content-narrow h2,.page-section-heading{
    font:700 26px Manrope,Arial,sans-serif;
    letter-spacing:-.04em;
    color:#203128;
    margin:0 0 16px
}
.content-narrow p{
    font:13px/1.9 Arial,sans-serif;
    color:#667267;
    margin:0 0 16px
}
.content-narrow ul{
    padding-left:18px;
    color:#667267;
    font:12px/1.9 Arial,sans-serif
}
.detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:55px
}
.detail-callout{
    align-self:start;
    padding:24px;
    background:#fff;
    border:1px solid #e4e9dc;
    border-radius:4px
}
.detail-callout h3{
    font:700 18px Manrope,Arial,sans-serif;
    margin:0 0 9px
}
.detail-callout p{
    font:11px/1.7 Arial,sans-serif;
    color:#788278
}
.detail-callout a,.solid-link{
    display:inline-flex;
    background:#174c7b;
    color:#fff;
    text-decoration:none;
    padding:12px 15px;
    border-radius:3px;
    font:700 10px Arial,sans-serif;
    margin-top:8px
}
.tile-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:13px
}
.solution-tile{
    display:flex;
    flex-direction:column;
    min-height:185px;
    background:#fff;
    border:1px solid #e8ece4;
    border-radius:4px;
    padding:20px;
    color:#203128;
    text-decoration:none;
    transition:transform .2s,border-color .2s
}
.solution-tile:hover{
    transform:translateY(-3px);
    border-color:#b4c394
}
.solution-tile small{
    font:700 8px Arial,sans-serif;
    letter-spacing:.14em;
    color:#829169;
    text-transform:uppercase
}
.solution-tile h2{
    font:700 16px Manrope,Arial,sans-serif;
    margin:18px 0 8px
}
.solution-tile p{
    font:11px/1.7 Arial,sans-serif;
    color:#748075;
    margin:0
}
.solution-tile span{
    margin-top:auto;
    padding-top:18px;
    color:#718a43;
    font-size:11px
}
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:22px
}
.benefit-card{
    background:#fff;
    padding:20px;
    border:1px solid #e6ebe1;
    border-radius:4px
}
.benefit-card b{
    display:block;
    font:700 13px Manrope,Arial,sans-serif;
    margin-bottom:7px
}
.benefit-card p{
    margin:0;
    color:#748075;
    font:11px/1.75 Arial,sans-serif
}
.contact-layout{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:55px;
    align-items:start
}
.contact-list{
    display:grid;
    gap:12px;
    margin-top:25px
}
.contact-item{
    padding:14px 16px;
    background:#fff;
    border:1px solid #e6ebe1;
    border-radius:4px
}
.contact-item small{
    display:block;
    color:#839078;
    font:bold 8px Arial,sans-serif;
    letter-spacing:.12em;
    margin-bottom:6px
}
.contact-item a,.contact-item strong{
    font:600 12px Arial,sans-serif;
    color:#34453a;
    text-decoration:none
}
.contact-form{
    background:#fff;
    padding:25px;
    border:1px solid #e6ebe1;
    border-radius:4px
}
.contact-form h2{
    margin:0 0 6px;
    font:700 21px Manrope,Arial,sans-serif
}
.contact-form>p{
    color:#7d887d;
    font:11px Arial,sans-serif;
    margin:0 0 19px
}
.contact-form label{
    display:block;
    color:#526156;
    font:bold 10px Arial,sans-serif;
    margin:0 0 12px
}
.contact-form .consent-row{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:8px 0 16px;
    font:400 12px/1.5 Arial,sans-serif;
}
.contact-form .consent-row input[type="checkbox"]{
    display:block;
    flex:0 0 18px;
    width:18px;
    height:18px;
    margin:1px 0 0;
    padding:0;
    accent-color:#1c5ca6;
}
.contact-form .consent-row span{
    flex:1 1 auto;
    min-width:0;
}
.contact-form input,.contact-form textarea,.contact-form select{
    display:block;
    width:100%;
    margin-top:6px;
    border:1px solid #e1e6df;
    background:#fcfdfa;
    padding:11px;
    border-radius:3px;
    font:12px Arial,sans-serif
}
.contact-form textarea{
    resize:vertical;
    min-height:90px
}
.contact-form button{
    width:100%;
    border:0;
    background:#d8ed8c;
    color:#24362b;
    padding:13px;
    font:bold 11px Arial,sans-serif;
    cursor:pointer
}
.page-header + .market-strip{
    background:#f4f7fa;
    border-bottom:1px solid #e4eaf0;
}
.market-strip-inner{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:#596674;
    font:11px/1.4 Arial,sans-serif;
}
.market-strip-title{
    color:#243b53;
    font-weight:700;
    white-space:nowrap;
}
.market-values{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}
.market-value{
    display:flex;
    align-items:center;
    gap:7px;
    white-space:nowrap;
    color:inherit;
    text-decoration:none;
}
.market-value strong{color:#243b53}
.market-value [data-state="error"]{color:#8b5860}
.market-value [data-state="stale"]{color:#8a7351;font-size:10px}
.market-strip-meta{
    display:flex;
    align-items:center;
    gap:10px;
    color:#778391;
    font-size:10px;
    white-space:nowrap;
}
.market-strip-meta a{color:#315f91;text-decoration:underline;text-underline-offset:2px}
.market-disclaimer{max-width:250px;white-space:normal;line-height:1.25}
.page-header .page-brand img{
    display:block;
    flex:none;
    width:180px;
    height:auto;
    max-height:80px;
    object-fit:contain;
    object-position:left center;
    background:#fff;
}
.page-nav{height:92px}
.page-footer .footer-brand img{width:180px;height:auto}
.contact-success,.contact-error{
    padding:10px 12px;
    border-radius:3px;
    margin-bottom:12px;
    font:11px/1.6 Arial,sans-serif
}
.contact-success{
    background:#edf5df;
    color:#42613c
}
.contact-error{
    background:#fbefea;
    color:#92543e
}
.page-footer{
    background:#173f68;
    color:#dce5dc;
    padding:43px 0 0
}
.footer-columns{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1.4fr;
    gap:38px;
    padding-bottom:36px
}
.footer-brand{
    color:#fff
}
.footer-brand-column p,.footer-columns>div>p{
    font:10px/1.8 Arial,sans-serif;
    color:#b9c7ba
}
.footer-columns h3{
    margin:3px 0 15px;
    color:#d7e3d6;
    font:bold 10px Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase
}
.footer-columns>div>a:not(.page-brand){
    display:block;
    margin:0 0 10px;
    color:#b9c7ba;
    font:10px Arial,sans-serif;
    text-decoration:none
}
.footer-columns>div>a:hover{
    color:#e31e28
}
.footer-base{
    height:48px;
    border-top:1px solid #ffffff24;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#aebcaf;
    font:9px Arial,sans-serif
}
.footer-base a{
    color:#e31e28;
    text-decoration:none
}
.faq-list{
    display:grid;
    gap:9px
}
.faq-item{
    background:white;
    border:1px solid #e7ebe2;
    border-radius:4px;
    padding:17px
}
.faq-item h2{
    font:700 14px Manrope,Arial,sans-serif;
    margin:0 0 8px
}
.faq-item p{
    font:11px/1.8 Arial,sans-serif;
    color:#748075;
    margin:0
}
.not-found{
    padding:60px 0;
    text-align:center
}

@media(max-width:940px){
    .page-menu{
    gap:12px
}
.page-menu>a,.menu-dropdown>a{
    font-size:10px
}
.page-contact-link{
    padding:11px
}
.footer-columns{
    gap:20px
}
.detail-layout{
    gap:30px
}

}

.guide-note{
    background:#f0f3e8;
    padding:14px;
    border-left:2px solid #9cb16d
}
.guide-link{
    display:inline-block;
    color:#718a43;
    font:bold 10px Arial,sans-serif;
    text-decoration:none;
    margin-top:10px
}
.content-narrow ol{
    padding-left:20px;
    color:#667267;
    font:13px/1.95 Arial,sans-serif
}
.content-narrow ol li{
    padding:0 0 8px 4px
}

@media (max-width: 860px) {
    .page-container {
        width: calc(100% - 36px);
    }

    .subbar {
        height: 32px;
    }

    .page-nav{height:68px}
    .page-header .page-brand img{width:150px;max-height:64px}

    .subbar-inner {
        font-size: 9px;
    }

    .page-nav {
        height: 66px;
    }

    .page-menu-toggle {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 0;
        border-radius: 50%;
        background: #eaf2f9;
        color: #1c5ca6;
        font-size: 17px;
        cursor: pointer;
    }

    .page-menu {
        position: absolute;
        top: 66px;
        right: 0;
        left: 0;
        display: none;
        align-items: stretch;
        height: auto;
        max-height: calc(100vh - 98px);
        overflow-y: auto;
        padding: 12px 18px 20px;
        background: #fff;
        box-shadow: 0 15px 25px #263a2410;
    }

    .page-menu.open {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .page-menu > a:not(.page-contact-link),
    .menu-dropdown > a {
        display: block;
        min-height: 44px;
        padding: 13px 0;
        border-bottom: 1px solid #edf0e9;
        font-size: 14px;
    }

    .menu-dropdown {
        display: block;
        height: auto;
    }

    .dropdown-panel {
        position: static;
        display: none;
        max-height: 210px;
        overflow-y: auto;
        padding: 2px 7px;
        border: 0;
        border-bottom: 1px solid #edf0e9;
        box-shadow: none;
    }

    .dropdown-panel a {
        padding: 11px 10px;
        font-size: 13px;
    }

    .menu-dropdown.open .dropdown-panel {
        display: block;
    }

    .page-contact-link {
        margin-top: 12px;
    }

    .page-hero {
        padding: 42px 0;
    }

    .page-title {
        font-size: 39px;
    }

    .page-lead {
        font-size: 12px;
    }

    .page-body {
        padding: 38px 0 55px;
    }

    .tile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .solution-tile {
        min-height: 180px;
        padding: 15px;
    }

    .solution-tile h2 {
        font-size: 14px;
    }

    .detail-layout,
    .contact-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .benefit-grid {
        gap: 9px;
    }

    .footer-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 18px;
    }

    .footer-base {
        font-size: 8px;
    }

    .content-narrow h2,
    .page-section-heading {
        font-size: 22px;
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        font-size: 16px;
    }
}

@media (max-width: 520px) {
    .page-container {
        width: calc(100% - 32px);
    }

    .subbar-inner > span {
        max-width: 48%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tile-grid,
    .benefit-grid,
    .footer-columns {
        grid-template-columns: 1fr;
    }

    .footer-base {
        height: auto;
        min-height: 48px;
        flex-wrap: wrap;
        gap: 8px 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .contact-form {
        padding: 20px 16px;
    }
}

.page-menu-toggle:focus-visible,
.page-menu a:focus-visible,
.dropdown-panel a:focus-visible,
.page-contact-link:focus-visible,
.contact-form button:focus-visible {
    outline: 3px solid #75a9d4;
    outline-offset: 3px;
}
.guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.mobile-action-bar {
    display: none;
}

.guide-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5eaf0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(30, 52, 75, 0.04);
}

.guide-card h2 {
    margin: 0;
    color: var(--brand-navy, #2a2a29);
    font: 700 20px/1.35 Manrope, Arial, sans-serif;
}

.guide-card p {
    margin: 0;
    color: #687386;
    font: 14px/1.7 Arial, sans-serif;
}

.guide-card .guide-link {
    margin-top: auto;
    padding-top: 8px;
    color: var(--brand-blue, #1c5ca6);
    font: 700 14px Manrope, Arial, sans-serif;
    text-decoration: none;
}

.guide-card .page-kicker {
    color: var(--brand-blue, #1c5ca6);
}

.news-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.news-filters button {
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #dce4ec;
    border-radius: 999px;
    background: #fff;
    color: #394658;
    font: 600 13px Manrope, Arial, sans-serif;
    cursor: pointer;
}

.news-filters button[aria-pressed="true"] {
    border-color: var(--brand-blue, #1c5ca6);
    background: var(--brand-blue, #1c5ca6);
    color: #fff;
}

.news-featured {
    width: fit-content;
    padding: 5px 9px;
    border-radius: 999px;
    background: #fff3e2;
    color: #8b4b00;
    font: 700 11px Manrope, Arial, sans-serif;
}

.news-date {
    color: #7a8592;
    font: 12px/1.4 Arial, sans-serif;
}

/* Gündem ve ana sayfa haber modülleri */
.news-filters a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #dce4ec;
    border-radius: 999px;
    background: #fff;
    color: #394658;
    font: 600 13px Manrope, Arial, sans-serif;
    text-decoration: none;
}
.news-filters a.is-active {
    border-color: var(--brand-blue, #1c5ca6);
    background: var(--brand-blue, #1c5ca6);
    color: #fff;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.news-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(30, 52, 75, .04);
}

.news-card-main {
    color: inherit;
    text-decoration: none;
}

.news-card-image,
.news-card-placeholder {
    display: grid;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    place-items: center;
    background: linear-gradient(135deg, #edf3f8, #f8f5f0);
}

.news-card-placeholder span,
.home-news-art {
    color: rgba(28, 92, 166, .28);
    font: 800 86px/1 Manrope, Arial, sans-serif;
}

.news-card-copy {
    display: grid;
    gap: 11px;
    padding: 19px 20px 12px;
}

.news-card-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #687386;
    font: 600 11px Manrope, Arial, sans-serif;
}

.news-card-meta span {
    color: var(--brand-blue, #1c5ca6);
}

.news-card-copy h2 {
    margin: 0;
    color: var(--brand-navy, #2a2a29);
    font: 700 18px/1.4 Manrope, Arial, sans-serif;
}

.news-card-copy p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #687386;
    font: 14px/1.65 Arial, sans-serif;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.news-source {
    color: #687386;
    font: 12px Arial, sans-serif;
}

.news-source-link {
    margin: auto 20px 18px;
    padding-top: 12px;
    border-top: 1px solid #edf0f3;
    color: var(--brand-blue, #1c5ca6);
    font: 700 13px Manrope, Arial, sans-serif;
    text-decoration: none;
}

.news-card-featured {
    grid-column: span 2;
}

.news-card-featured .news-card-main {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
}

.news-card-featured .news-card-image,
.news-card-featured .news-card-placeholder {
    height: 100%;
    min-height: 290px;
    aspect-ratio: auto;
}

.news-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 32px 0 18px;
}

.news-pagination a {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #dce4ec;
    border-radius: 50%;
    color: #394658;
    text-decoration: none;
}

.news-pagination a[aria-current="page"] {
    border-color: var(--brand-blue, #1c5ca6);
    background: var(--brand-blue, #1c5ca6);
    color: #fff;
}

.news-detail-wrap {
    padding-top: 56px;
    padding-bottom: 72px;
}

.news-detail {
    max-width: 850px;
}

.news-detail .page-title {
    margin: 22px 0 14px;
}

.news-detail-image {
    display: block;
    width: 100%;
    max-height: 500px;
    margin: 26px 0;
    border-radius: 14px;
    object-fit: cover;
}

.news-detail .page-lead {
    margin-top: 25px;
}

.news-empty {
    padding: 35px 0;
}

.home-news {
    background: #f5f7fa;
}

.home-news-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 28px;
}

.home-news-featured,
.home-news-list article {
    overflow: hidden;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    background: #fff;
}

.home-news-featured > a {
    display: grid;
    height: 100%;
    grid-template-rows: minmax(220px, 1fr) auto;
    color: inherit;
    text-decoration: none;
}

.home-news-featured img,
.home-news-art {
    display: grid;
    width: 100%;
    min-height: 220px;
    aspect-ratio: 16 / 8;
    place-items: center;
    object-fit: cover;
    background: linear-gradient(135deg, #edf3f8, #f8f5f0);
}

.home-news-copy {
    display: grid;
    gap: 10px;
    padding: 22px 24px;
}

.home-news-copy small,
.home-news-list small {
    color: var(--brand-blue, #1c5ca6);
    font: 700 11px Manrope, Arial, sans-serif;
}

.home-news-copy strong {
    color: var(--brand-navy, #2a2a29);
    font: 700 24px/1.35 Manrope, Arial, sans-serif;
}

.home-news-copy > span {
    color: #687386;
    font: 14px/1.7 Arial, sans-serif;
}

.home-news-copy time {
    color: #7a8592;
    font: 12px Arial, sans-serif;
}

.home-news-list {
    display: grid;
    align-content: start;
    gap: 12px;
}

.home-news-list article {
    padding: 17px 19px;
}

.home-news-list h3 {
    margin: 8px 0;
    font: 700 16px/1.4 Manrope, Arial, sans-serif;
}

.home-news-list h3 a {
    color: #242a32;
    text-decoration: none;
}

.home-news-list p,
.home-news-empty {
    margin: 0;
    color: #687386;
    font: 13px/1.6 Arial, sans-serif;
}

.home-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.home-support-card {
    padding: 32px;
    border: 1px solid #e3e8ed;
    border-radius: 14px;
    background: #fff;
}

.home-claim-card {
    background: #f6f8fb;
}

.home-guide-card {
    background: #faf8f5;
}

.home-support-card h2 {
    margin: 14px 0;
    color: #242a32;
    font: 700 28px/1.3 Manrope, Arial, sans-serif;
}

.home-support-card h2 em {
    color: var(--brand-blue, #1c5ca6);
    font-style: normal;
}

.home-support-card p {
    max-width: 48ch;
    margin: 0 0 18px;
    color: #687386;
    font: 14px/1.7 Arial, sans-serif;
}

.home-text-link {
    color: var(--brand-blue, #1c5ca6);
    font: 700 13px Manrope, Arial, sans-serif;
    text-decoration: none;
}

@media (max-width: 900px) {
    .news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-card-featured {
        grid-column: span 2;
    }

    .home-news-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .news-grid,
    .home-support-grid {
        grid-template-columns: 1fr;
    }

    .news-card-featured {
        grid-column: auto;
    }

    .news-card-featured .news-card-main {
        display: block;
    }

    .news-card-featured .news-card-image,
    .news-card-featured .news-card-placeholder {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .home-support-card {
        padding: 24px 20px;
    }

    .home-support-card h2 {
        font-size: 24px;
    }

    .home-news-copy strong {
        font-size: 20px;
    }
}

.contact-form select {
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid #dce2e8;
    border-radius: 8px;
    background: #fff;
    color: #242a32;
    font: inherit;
}

@media (max-width: 900px) {
    .guide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .market-strip-inner{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;padding-top:9px;padding-bottom:9px}
    .market-strip-title{display:none}
    .market-values{justify-content:flex-start;gap:14px;flex-wrap:wrap}
    .market-strip-meta{width:100%;gap:8px}
}

@media (max-width: 600px) {
    .guide-grid {
        grid-template-columns: 1fr;
    }

    .guide-card {
        padding: 20px;
    }

    .mobile-action-bar {
        position: fixed;
        z-index: 1000;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
        border-top: 1px solid #dce4ec;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 -5px 18px rgba(26, 47, 69, 0.08);
    }

    .mobile-action-bar a {
        display: grid;
        min-height: 42px;
        place-items: center;
        color: var(--brand-blue, #1c5ca6);
        font: 700 13px Manrope, Arial, sans-serif;
        text-decoration: none;
    }

    .mobile-action-bar a:nth-child(2) {
        border-radius: 7px;
        background: var(--brand-blue, #1c5ca6);
        color: #fff;
    }

    body {
        padding-bottom: 64px;
    }
}