*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,sans-serif;
    background:#f5f7fa;
    color:#222;
}

.header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:20px 40px;

    background:white;

    border-bottom:1px solid #ddd;
}

.logo{
    font-size:28px;
    font-weight:bold;
}

nav a{
    margin-left:15px;
    text-decoration:none;
    color:#1f4f8f;
}

main{
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
}

footer{
    text-align:center;
    padding:20px;
    border-top:1px solid #ddd;
    background:white;
}

.page-intro {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #4a5568;
}

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

.guide-card {
    display: block;
    padding: 28px;
    background: white;
    border: 1px solid #dbe3ee;
    border-radius: 18px;
    text-decoration: none;
    color: #1a202c;
    transition: 0.2s ease;
}

.guide-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.guide-card h2 {
    margin-bottom: 10px;
    color: #1f4f8f;
}

.guide-card p {
    color: #4a5568;
    line-height: 1.5;
}

.back-link {
    display: inline-block;
    margin-bottom: 20px;
    color: #1f4f8f;
    text-decoration: none;
}

.article-placeholder {
    margin-top: 30px;
    padding: 25px;
    background: white;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
}

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

.article-list {
    display: grid;
    gap: 18px;
    margin-top: 30px;
}

.article-card {
    display: block;
    padding: 24px;
    background: white;
    border: 1px solid #dbe3ee;
    border-radius: 16px;
    text-decoration: none;
    color: #1a202c;
    transition: 0.2s ease;
}

.article-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.article-card h2 {
    margin-bottom: 8px;
    color: #1f4f8f;
}

.guide-article {
    background: white;
    border: 1px solid #dbe3ee;
    border-radius: 18px;
    padding: 36px;
}

.article-content {
    margin-top: 25px;
    line-height: 1.7;
    font-size: 17px;
}

.article-faq {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #dbe3ee;
}

.article-faq h2 {
    margin-bottom: 18px;
    color: #1f4f8f;
}

.article-faq__item {
    margin-top: 12px;
    padding: 18px;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #f8fbfd;
}

.article-faq__item h3 {
    margin-bottom: 8px;
    color: #234e67;
    font-size: 17px;
}

.article-faq__item p {
    line-height: 1.55;
}
.article-resources { margin-top: 28px; padding-top: 22px; border-top: 1px solid #dbe3ee; }
.article-resources h2 { margin-bottom: 12px; color: #1f4f8f; }
.article-resources ul { padding-left: 20px; }
.article-resources a { color: #1f6a91; }

/* Public home v2 */
.home-v2 { padding: 8px 0 32px; }
.home-v2-hero { position: relative; overflow: hidden; min-height: 560px; padding: 76px 70px; border-radius: 30px; background: linear-gradient(135deg,#eaf7fb 0%,#f7fbfd 48%,#d7edf5 100%); }
.home-v2-hero__content { position: relative; z-index: 1; max-width: 720px; }
.home-v2-eyebrow { margin: 0 0 12px; color: #34708c; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.home-v2 h1, .home-v2 h2, .home-v2 h3 { color: #163f57; }
.home-v2-hero h1 { margin: 0; font-size: clamp(46px,7vw,78px); line-height: 1.02; letter-spacing: -.045em; }
.home-v2-hero__lead { max-width: 650px; margin: 24px 0 0; color: #385b6d; font-size: 19px; line-height: 1.6; }
.home-v2-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.home-v2-button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 17px; border: 1px solid #b8d2df; border-radius: 10px; color: #1c546e; font-weight: 700; text-decoration: none; }
.home-v2-button--primary { border-color: #17668c; background: #17668c; color: #fff; }
.home-v2-button--primary:hover { background: #105270; }
.home-v2-button--secondary { background: rgba(255,255,255,.66); }
.home-v2-search { max-width: 600px; margin-top: 36px; color: #31586b; font-size: 14px; font-weight: 700; }
.home-v2-search label { display: block; margin-bottom: 8px; }
.home-v2-search div { display: flex; align-items: center; gap: 8px; padding: 7px 7px 7px 14px; border: 1px solid #b8d6e2; border-radius: 12px; background: #fff; }
.home-v2-search i { color: #4f8095; }
.home-v2-search input { min-width: 0; flex: 1; border: 0; outline: 0; font: inherit; }
.home-v2-search button { padding: 10px 14px; border: 0; border-radius: 8px; background: #17668c; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.home-v2-hero__shape span { position: absolute; border-radius: 50%; background: rgba(75,157,193,.13); }
.home-v2-hero__shape span:nth-child(1) { top: -110px; right: -85px; width: 360px; height: 360px; }.home-v2-hero__shape span:nth-child(2) { right: 170px; bottom: -180px; width: 420px; height: 420px; }.home-v2-hero__shape span:nth-child(3) { top: 165px; right: 85px; width: 105px; height: 105px; background: rgba(255,255,255,.65); }
.home-v2-section { margin-top: 76px; }.home-v2-section--soft { padding: 38px; border-radius: 24px; background: #f2f8fb; }
.home-v2-section__heading { margin-bottom: 25px; }.home-v2-section__heading h2, .home-v2-about h2, .home-v2-contact h2 { margin: 0; font-size: 34px; letter-spacing: -.025em; }.home-v2-section__heading > p:not(.home-v2-eyebrow) { color: #638090; }
.home-v2-section__heading--row { display: flex; align-items: end; justify-content: space-between; gap: 16px; }.home-v2-section__heading--row > a { color: #21627f; font-weight: 700; text-decoration: none; white-space: nowrap; }
.home-v2-actions-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.home-v2-actions-grid a { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; min-height: 103px; padding: 20px; border: 1px solid #d9e7ed; border-radius: 16px; background: #fff; color: #234e67; font-weight: 700; text-decoration: none; box-shadow: 0 4px 14px rgba(33,89,114,.04); }.home-v2-actions-grid i { color: #1b7095; font-size: 24px; }.home-v2-actions-grid b { color: #6391a5; font-size: 18px; }
.home-v2-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.home-v2-benefits article { padding: 22px; border-radius: 15px; background: #fff; border: 1px solid #e0ebf0; }.home-v2-benefits i { display: inline-block; margin-bottom: 16px; color: #1d7297; font-size: 24px; }.home-v2-benefits h3 { margin: 0 0 8px; font-size: 17px; }.home-v2-benefits p, .home-v2-content-grid span { margin: 0; color: #66808f; line-height: 1.5; }
.home-v2-content-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.home-v2-content-grid article { display: flex; flex-direction: column; padding: 23px; border-radius: 15px; background: #fff; border: 1px solid #dce9ef; }.home-v2-content-grid p { margin: 0 0 10px; color: #35708b; font-size: 13px; font-weight: 700; }.home-v2-content-grid h3 { margin: 0 0 10px; font-size: 19px; }.home-v2-content-grid h3 a { color: inherit; text-decoration: none; }.home-v2-read { margin-top: auto; padding-top: 20px; color: #226483; font-size: 14px; font-weight: 700; text-decoration: none; }.home-v2-empty { color: #708996; }
.home-v2-about, .home-v2-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; margin-top: 76px; padding: 48px; border-radius: 24px; background: #183f58; color: #d7e8f0; }.home-v2-about h2, .home-v2-contact h2, .home-v2-about .home-v2-eyebrow, .home-v2-contact .home-v2-eyebrow { color: #fff; }.home-v2-about > div:last-child, .home-v2-contact > div:first-child > p:last-child { line-height: 1.65; }.home-v2-about .home-v2-button { margin-top: 20px; color: #fff; border-color: #6b9bb1; background: transparent; }
.home-v2-contact { margin-top: 18px; background: #eaf5f9; color: #3d5e6e; }.home-v2-contact h2, .home-v2-contact .home-v2-eyebrow { color: #173f58; }.home-v2-contact__actions { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 22px; }.home-v2-contact__actions > div { display: flex; flex-wrap: wrap; gap: 14px; }.home-v2-contact__actions > div a { color: #286785; font-size: 14px; font-weight: 700; text-decoration: none; }
@media (max-width:800px) { .home-v2-hero { min-height: auto; padding: 48px 28px; }.home-v2-actions-grid,.home-v2-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-v2-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-v2-about,.home-v2-contact { grid-template-columns: 1fr; gap: 24px; padding: 32px; } }
@media (max-width:560px) { .home-v2-hero { padding: 38px 22px; border-radius: 20px; }.home-v2-hero h1 { font-size: 47px; }.home-v2-hero__lead { font-size: 17px; }.home-v2-search div { flex-wrap: wrap; }.home-v2-search button { width: 100%; }.home-v2-section { margin-top: 52px; }.home-v2-section--soft { padding: 24px; }.home-v2-section__heading--row { align-items: flex-start; flex-direction: column; }.home-v2-actions-grid,.home-v2-content-grid,.home-v2-benefits { grid-template-columns: 1fr; }.home-v2-about,.home-v2-contact { margin-top: 52px; padding: 26px; }.home-v2-section__heading h2,.home-v2-about h2,.home-v2-contact h2 { font-size: 29px; } }

/* Public organisation-style home */
.org-home { padding: 10px 0 42px; color: #263642; }
.org-hero { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.45fr); gap: 64px; padding: 70px 0 74px; border-bottom: 5px solid #1b5c80; }
.org-hero__identity { display: flex; align-items: flex-start; flex-direction: column; padding-top: 11px; color: #101820; }
.org-hero__logo { font-family: Georgia,serif; font-size: clamp(64px,10vw,116px); font-weight: 900; letter-spacing: -.11em; line-height: .78; }
.org-hero__association { width: 100%; margin-top: 15px; padding-top: 7px; border-top: 2px solid #101820; font-size: 12px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
.org-kicker { margin: 0 0 11px; color: #286889; font-size: 12px; font-weight: 700; letter-spacing: .085em; text-transform: uppercase; }
.org-hero h1,.org-section h2,.org-about h2,.org-contact h2 { margin: 0; color: #132d3d; letter-spacing: -.025em; }
.org-hero h1 { max-width: 730px; font-size: clamp(39px,5vw,62px); line-height: 1.08; }
.org-hero__content > p:not(.org-kicker) { max-width: 700px; margin: 21px 0 0; color: #506673; font-size: 19px; line-height: 1.62; }
.org-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.org-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 17px; border: 1px solid #1b5c80; color: #1b5c80; font-weight: 700; text-decoration: none; }
.org-button--primary { background: #1b5c80; color: #fff; }.org-button--primary:hover { background: #10435f; }.org-button--outline { background: #fff; }.org-button--outline:hover { background: #eef4f6; }
.org-search { max-width: 620px; margin-top: 36px; }.org-search label { display: block; margin-bottom: 8px; color: #354b58; font-size: 14px; font-weight: 700; }.org-search div { display: flex; gap: 8px; padding: 6px; border: 1px solid #aebfc9; background: #fff; }.org-search input { min-width: 0; flex: 1; padding: 8px 10px; border: 0; outline: 0; font: inherit; }.org-search button { padding: 10px 18px; border: 0; background: #1b5c80; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.org-section { margin-top: 68px; }.org-section--gray { padding: 38px; background: #f0f3f5; }.org-section__heading { margin-bottom: 24px; }.org-section__heading h2,.org-about h2,.org-contact h2 { font-size: 32px; }.org-section__heading--row { display: flex; align-items: end; justify-content: space-between; gap: 14px; }.org-section__heading--row > a { color: #1b5c80; font-weight: 700; text-decoration: none; }
.org-help-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #d7e0e5; border-left: 1px solid #d7e0e5; }.org-help-grid a { display: flex; align-items: center; gap: 14px; min-height: 95px; padding: 20px; border-right: 1px solid #d7e0e5; border-bottom: 1px solid #d7e0e5; background: #fff; color: #1d4358; font-weight: 700; text-decoration: none; }.org-help-grid a:hover { background: #f2f7f9; }.org-help-grid i { color: #1b5c80; font-size: 23px; }.org-help-grid span { flex: 1; }
.org-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.org-guide-grid a { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; padding: 19px; border: 1px solid #ccd9df; background: #fff; color: #21475b; text-decoration: none; }.org-guide-grid strong { font-size: 17px; }.org-guide-grid span { color: #667b87; font-size: 14px; line-height: 1.45; }.org-guide-grid i { grid-column: 2; grid-row: 1; color: #1b5c80; }
.org-content-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.org-content-grid article { display: flex; flex-direction: column; padding: 22px; border: 1px solid #d4dfe5; background: #fff; }.org-content-grid p { margin: 0 0 10px; color: #42728a; font-size: 13px; font-weight: 700; }.org-content-grid h3 { margin: 0 0 10px; color: #1d4256; font-size: 19px; }.org-content-grid h3 a { color: inherit; text-decoration: none; }.org-content-grid span { color: #657a86; line-height: 1.5; }.org-content-grid > article > a { margin-top: auto; padding-top: 20px; color: #1b5c80; font-size: 14px; font-weight: 700; text-decoration: none; }.org-empty { color: #657a86; }
.org-about { display: grid; grid-template-columns: .8fr 1.2fr; gap: 58px; margin-top: 68px; padding: 44px; border-top: 4px solid #183f58; background: #e7eef1; }.org-about > div:last-child { color: #455d69; line-height: 1.65; }.org-about .org-button { margin-top: 15px; }
.org-contact { display: grid; grid-template-columns: 1fr .8fr; gap: 50px; margin-top: 18px; padding: 42px 44px; background: #183f58; color: #dce9ee; }.org-contact h2,.org-contact .org-kicker { color: #fff; }.org-contact > div:first-child > p:last-child { max-width: 620px; line-height: 1.6; }.org-contact__links { display: flex; align-items: flex-start; flex-direction: column; gap: 13px; }.org-contact__links .org-button { border-color: #fff; background: #fff; color: #183f58; }.org-contact__links > a:not(.org-button) { color: #dce9ee; font-weight: 700; text-decoration: none; }
@media (max-width:800px) { .org-hero,.org-about,.org-contact { grid-template-columns: 1fr; gap: 30px; }.org-hero { padding: 50px 0; }.org-hero__identity { max-width: 360px; }.org-help-grid,.org-guide-grid,.org-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .org-hero { padding: 36px 0 42px; }.org-hero__logo { font-size: 78px; }.org-hero h1 { font-size: 40px; }.org-hero__content > p:not(.org-kicker) { font-size: 17px; }.org-search div { flex-wrap: wrap; }.org-search button { width: 100%; }.org-section { margin-top: 50px; }.org-section--gray { padding: 24px; }.org-section__heading--row { align-items: flex-start; flex-direction: column; }.org-help-grid,.org-guide-grid,.org-content-grid { grid-template-columns: 1fr; }.org-about,.org-contact { margin-top: 50px; padding: 28px 24px; }.org-section__heading h2,.org-about h2,.org-contact h2 { font-size: 28px; } }

/* Organisation home v3: restrained editorial layout */
.home-org-v3 { padding: 34px 0 62px; color: #303a40; }
.home-org-v3__hero { display: grid; grid-template-columns: minmax(200px,.7fr) minmax(0,1.35fr); gap: 72px; padding: 58px 0 72px; border-bottom: 1px solid #aebbc2; }
.home-org-v3__mark { display: flex; flex-direction: column; align-items: flex-start; color: #0e161b; }
.home-org-v3__mark span { font-family: Georgia,serif; font-size: clamp(68px,10vw,118px); font-weight: 900; letter-spacing: -.12em; line-height: .76; }
.home-org-v3__mark small { width: 100%; margin-top: 17px; padding-top: 8px; border-top: 2px solid #101820; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.home-org-v3__label { margin: 0 0 13px; color: #356d89; font-size: 12px; font-weight: 700; letter-spacing: .085em; text-transform: uppercase; }
.home-org-v3 h1,.home-org-v3 h2,.home-org-v3 h3 { color: #142f3f; }
.home-org-v3__hero h1 { max-width: 730px; margin: 0; font-size: clamp(38px,5.1vw,63px); line-height: 1.08; letter-spacing: -.035em; }
.home-org-v3__hero-text > p:not(.home-org-v3__label) { max-width: 670px; margin: 22px 0 0; color: #53666f; font-size: 19px; line-height: 1.65; }
.home-org-v3__actions { display: flex; gap: 10px; margin-top: 29px; }
.home-org-v3__button { display: inline-block; padding: 12px 17px; border: 1px solid #1c5979; color: #1c5979; font-weight: 700; text-decoration: none; }
.home-org-v3__button--primary { background: #1c5979; color: #fff; }
.home-org-v3__button--primary:hover { background: #11445f; }.home-org-v3__button:not(.home-org-v3__button--primary):hover { background: #f0f4f5; }
.home-org-v3__section { margin-top: 82px; }.home-org-v3__section h2,.home-org-v3__contact h2 { margin: 0; font-size: 34px; letter-spacing: -.025em; }.home-org-v3__intro { max-width: 940px; }.home-org-v3__two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; margin-top: 24px; color: #52636c; font-size: 18px; line-height: 1.7; }
.home-org-v3__activities { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; margin-top: 26px; }.home-org-v3__activities div { padding-top: 18px; border-top: 3px solid #1c5979; }.home-org-v3__activities h3 { margin: 0 0 9px; font-size: 19px; }.home-org-v3__activities p { margin: 0; color: #5c6e77; line-height: 1.6; }
.home-org-v3__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }.home-org-v3__section-heading > a { color: #1c5979; font-weight: 700; text-decoration: none; white-space: nowrap; }
.home-org-v3__news { padding: 36px 0; border-top: 1px solid #d9e1e5; border-bottom: 1px solid #d9e1e5; }.home-org-v3__news-list { margin-top: 22px; }.home-org-v3__news-list article { display: grid; grid-template-columns: 110px minmax(0,1fr) minmax(220px,.8fr); gap: 20px; padding: 18px 0; border-top: 1px solid #e0e7ea; }.home-org-v3__news-list p { margin: 2px 0 0; color: #69808c; font-size: 13px; font-weight: 700; }.home-org-v3__news-list h3 { margin: 0; font-size: 19px; }.home-org-v3__news-list h3 a,.home-org-v3__articles h3 a { color: inherit; text-decoration: none; }.home-org-v3__news-list span { color: #64767e; line-height: 1.5; }
.home-org-v3__guide { padding: 38px; background: #f1f4f5; }.home-org-v3__section-lead { max-width: 720px; color: #5c6e77; line-height: 1.6; }.home-org-v3__guide-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 26px; background: #cbd7dc; }.home-org-v3__guide-links a { display: grid; gap: 7px; min-height: 108px; padding: 19px; background: #f1f4f5; color: #1d485e; text-decoration: none; }.home-org-v3__guide-links a:hover { background: #fff; }.home-org-v3__guide-links strong { font-size: 17px; }.home-org-v3__guide-links span { color: #687b84; font-size: 14px; line-height: 1.45; }
.home-org-v3__articles { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 52px; margin: 25px 0 0; padding: 0; list-style: none; counter-reset: instructions; }.home-org-v3__articles li { display: grid; grid-template-columns: 72px 1fr; gap: 14px; padding: 20px 0; border-top: 1px solid #dce4e7; counter-increment: instructions; }.home-org-v3__articles li > span { color: #47758a; font-size: 13px; font-weight: 700; }.home-org-v3__articles li > span:before { content: counter(instructions, decimal-leading-zero); display: block; margin-bottom: 5px; color: #1c5979; font-size: 18px; }.home-org-v3__articles h3 { margin: 0 0 6px; font-size: 18px; }.home-org-v3__articles p { margin: 0; color: #65777f; line-height: 1.5; }.home-org-v3__empty { color: #6c7e87; }
.home-org-v3__contact { display: grid; grid-template-columns: 1fr auto; gap: 50px; margin-top: 82px; padding: 42px 0 0; border-top: 4px solid #183f58; }.home-org-v3__contact > div:first-child > p:last-child { max-width: 650px; color: #596c75; line-height: 1.65; }.home-org-v3__contact > div:last-child { display: flex; align-items: flex-start; flex-direction: column; gap: 18px; }.home-org-v3__contact p:last-child { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; }.home-org-v3__contact p:last-child a { color: #1c5979; font-size: 14px; font-weight: 700; text-decoration: none; }
@media (max-width:800px) { .home-org-v3__hero,.home-org-v3__contact { grid-template-columns: 1fr; gap: 34px; }.home-org-v3__activities { grid-template-columns: 1fr; gap: 18px; }.home-org-v3__guide-links { grid-template-columns: repeat(2,1fr); }.home-org-v3__articles { grid-template-columns: 1fr; } }
@media (max-width:560px) { .home-org-v3 { padding-top: 12px; }.home-org-v3__hero { padding: 38px 0 45px; }.home-org-v3__mark { max-width: 310px; }.home-org-v3__mark span { font-size: 82px; }.home-org-v3__hero h1 { font-size: 39px; }.home-org-v3__hero-text > p:not(.home-org-v3__label) { font-size: 17px; }.home-org-v3__section { margin-top: 55px; }.home-org-v3__section h2,.home-org-v3__contact h2 { font-size: 29px; }.home-org-v3__two-column { grid-template-columns: 1fr; gap: 8px; font-size: 17px; }.home-org-v3__section-heading { align-items: flex-start; flex-direction: column; }.home-org-v3__news-list article { grid-template-columns: 1fr; gap: 7px; }.home-org-v3__guide { padding: 25px; }.home-org-v3__guide-links { grid-template-columns: 1fr; }.home-org-v3__contact { margin-top: 55px; } }

.article-content-help {
    max-width: 760px;
    margin: -4px 0 22px;
    padding: 14px 16px;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #f8fbfd;
    color: #36586b;
}

.article-content-help summary {
    color: #1f4f8f;
    font-weight: 700;
    cursor: pointer;
}

.article-content-help p {
    margin: 14px 0 8px;
}

.article-content-help pre {
    overflow-x: auto;
    padding: 14px;
    border-radius: 8px;
    background: #eef5f8;
    color: #24485c;
    font: 14px/1.55 Consolas, "Courier New", monospace;
    white-space: pre-wrap;
}

.home-hero {
    position: relative;
    overflow: hidden;
    padding: 64px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.78), transparent 30%),
        radial-gradient(circle at 12% 90%, rgba(158, 211, 236, 0.45), transparent 36%),
        linear-gradient(135deg, #dceff8 0%, #eaf6fb 50%, #c8e4f1 100%);
    border: 1px solid #c9e0eb;
}

.home-hero__content {
    position: relative;
    max-width: 720px;
}

.home-eyebrow {
    margin-bottom: 10px;
    color: #256282;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-hero h1,
.home-section h2,
.home-social h2 {
    color: #163e5a;
}

.home-hero h1 {
    margin-bottom: 16px;
    font-size: clamp(44px, 7vw, 72px);
    line-height: 1;
}

.home-hero__lead {
    max-width: 640px;
    color: #284f67;
    font-size: 21px;
    line-height: 1.55;
}

.home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.home-search {
    max-width: 520px;
    margin-top: 26px;
    color: #204a63;
    font-weight: 700;
}

.home-search label {
    display: block;
    margin-bottom: 8px;
}

.home-search div {
    display: flex;
    gap: 8px;
}

.home-search input {
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #96bdcf;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.88);
    font: inherit;
}

.home-search button {
    padding: 12px 16px;
    border: 0;
    border-radius: 9px;
    background: #17668c;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.home-button {
    display: inline-block;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.home-button:hover {
    transform: translateY(-1px);
}

.home-button--primary {
    background: #17668c;
    color: #fff;
}

.home-button--primary:hover {
    background: #115674;
}

.home-button--secondary {
    border-color: #78a9c0;
    background: rgba(255, 255, 255, 0.68);
    color: #174e6c;
}

.home-section {
    margin-top: 56px;
}

.home-section--soft {
    padding: 34px;
    border: 1px solid #d9e8ef;
    border-radius: 24px;
    background: #eef7fa;
}

.home-section__heading {
    margin-bottom: 24px;
}

.home-section__heading h2,
.home-social h2 {
    font-size: 30px;
}

.home-section__heading--row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.home-text-link {
    color: #17668c;
    font-weight: 700;
    text-decoration: none;
}

.home-text-link:hover {
    text-decoration: underline;
}

.quick-help-grid,
.home-guide-grid,
.home-news-grid,
.home-popular-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.quick-help-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    padding: 18px;
    border: 1px solid #d4e4ec;
    border-radius: 14px;
    background: #fff;
    color: #1c506c;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.quick-action-icon,
.guide-card-icon {
    flex: 0 0 auto;
    color: #17668c;
    font-size: 22px;
    line-height: 1;
}

.quick-help-card:hover,
.home-guide-card:hover,
.home-news-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(34, 93, 119, 0.1);
}

.home-guide-card,
.home-news-card {
    padding: 24px;
    border: 1px solid #d5e4eb;
    border-radius: 16px;
    background: #fff;
    color: #25485d;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.home-guide-card {
    text-decoration: none;
}

.icon-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.icon-row > div {
    min-width: 0;
}

.home-guide-card h3,
.home-news-card h3 {
    margin-bottom: 10px;
    color: #1d5573;
    font-size: 20px;
}

.home-guide-card p,
.home-news-card p {
    line-height: 1.5;
}

.home-guide-card span {
    display: inline-block;
    margin-top: 16px;
    color: #17668c;
    font-weight: 700;
}

.home-news-card__date {
    margin-bottom: 10px;
    color: #5a7b8e;
    font-size: 14px;
}

.home-news-card h3 a {
    color: inherit;
    text-decoration: none;
}

.home-news-card .home-text-link {
    display: inline-block;
    margin-top: 16px;
}

.home-empty {
    color: #5a7180;
}

.home-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 56px;
    padding: 34px;
    border-radius: 22px;
    background: #173f59;
}

.home-social .home-eyebrow,
.home-social h2 {
    color: #fff;
}

.home-social__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-social__links a {
    padding: 10px 14px;
    border: 1px solid #6e9ab2;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
}

.home-social__links a:hover {
    background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 850px) {
    .quick-help-grid,
    .home-guide-grid,
    .home-news-grid,
    .home-popular-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .header {
        flex-wrap: wrap;
        gap: 16px;
        padding: 18px 20px;
    }

    .main-nav,
    .lang-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    nav a {
        margin-left: 0;
    }

    main {
        padding: 24px 16px;
    }

    .home-hero {
        padding: 36px 24px;
        border-radius: 20px;
    }

    .home-hero__lead {
        font-size: 18px;
    }

    .home-search div {
        flex-direction: column;
    }

    .home-section {
        margin-top: 40px;
    }

    .home-section--soft,
    .home-social {
        padding: 24px;
    }

    .home-section__heading--row,
    .home-social {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-help-grid,
    .home-guide-grid,
    .home-news-grid,
    .home-popular-grid {
        grid-template-columns: 1fr;
    }
}

/* SKMY visual identity v3 — public interface */
:root { --ink: #17242c; --muted: #61717a; --line: #dce3e5; --paper: #fbfcfc; --mist: #f1f5f4; --accent: #14626d; --accent-deep: #104c55; }
.public-site { background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.header { position: sticky; z-index: 20; top: 0; padding: 0; border-bottom: 1px solid rgba(23,36,44,.1); background: rgba(251,252,252,.88); backdrop-filter: blur(16px); }
.header__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: min(1280px, calc(100% - 64px)); min-height: 76px; margin: auto; }
.logo { font-size: 20px; letter-spacing: -.06em; }.logo a { color: var(--ink); text-decoration: none; }.site-logo { height: 22px; width: auto; display: block; }.logo-link { display: inline-flex; align-items: center; text-decoration: none; }.main-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; }.main-nav a, .lang-nav a { margin: 0; color: #4d5c63; font-size: 14px; font-weight: 550; text-decoration: none; transition: color .2s ease; }.main-nav a:hover, .lang-nav a:hover { color: var(--accent); }.lang-nav { display: flex; gap: 9px; padding-left: 22px; border-left: 1px solid var(--line); }.lang-nav a { font-size: 12px; }
.public-main { width: min(1180px, calc(100% - 64px)); max-width: none; min-height: calc(100vh - 155px); padding: 0; }.site-footer { display: flex; align-items: center; min-height: 78px; margin-top: 88px; padding: 20px 32px; border-top: 1px solid var(--line); background: transparent; color: #697980; font-size: 13px; text-align: left; }.site-footer > div { width: min(1180px, 100%); margin: auto; }.site-footer span { margin-left: 10px; color: #98a4a8; }
.home-hero { margin-top: 30px; padding: clamp(48px, 8vw, 108px) clamp(28px, 8vw, 106px); border: 0; border-radius: 0; background: linear-gradient(126deg, #e8f0ee 0%, #f8faf9 52%, #e5eeec 100%); }.home-hero::after { position: absolute; right: 8%; bottom: -27%; width: min(32vw, 380px); aspect-ratio: 1; border: 1px solid rgba(20,98,109,.18); border-radius: 50%; content: ""; }.home-hero h1 { max-width: 820px; margin-bottom: 20px; color: var(--ink); font-size: clamp(47px, 6.3vw, 82px); line-height: .99; letter-spacing: -.065em; }.home-eyebrow { color: var(--accent); font-size: 12px; letter-spacing: .12em; }.home-hero__lead { color: #4f6167; font-size: clamp(18px, 2vw, 21px); }.home-button, .home-search button { border-radius: 2px; }.home-button--primary, .home-search button { background: var(--accent); }.home-button--primary:hover, .home-search button:hover { background: var(--accent-deep); }.home-button--secondary { border-color: #aebfbd; color: var(--ink); }.home-search { position: relative; z-index: 1; }.home-search input { border-color: #bccbc8; border-radius: 2px; }.home-section { margin-top: 100px; }.home-section--soft { padding: clamp(28px, 5vw, 58px); border: 0; border-radius: 0; background: var(--mist); }.home-section__heading h2, .home-social h2 { color: var(--ink); font-size: clamp(29px, 4vw, 45px); letter-spacing: -.045em; }.home-text-link { color: var(--accent); }.quick-help-grid, .home-guide-grid, .home-news-grid, .home-popular-grid { gap: 1px; background: var(--line); }.quick-help-card, .home-guide-card, .home-news-card { border: 0; border-radius: 0; box-shadow: none; }.quick-help-card { min-height: 112px; padding: 25px; color: #27454b; }.quick-action-icon, .guide-card-icon { color: var(--accent); }.quick-help-card:hover, .home-guide-card:hover, .home-news-card:hover { box-shadow: none; transform: none; background: #f7fbfa; }.home-guide-card, .home-news-card { padding: 28px; }.home-guide-card h3, .home-news-card h3 { color: var(--ink); }.home-guide-card span, .home-text-link { color: var(--accent); }.home-social { margin-top: 100px; padding: clamp(30px, 5vw, 58px); border-radius: 0; background: #1b2f34; }.home-social__links a { border-radius: 2px; }
.public-page-heading { max-width: 850px; padding: 82px 0 38px; }.public-page-heading--wide { max-width: 920px; padding: 110px 0; }.public-page-heading h1, .guide-article h1 { margin: 0; color: var(--ink); font-size: clamp(42px, 6vw, 68px); line-height: 1.05; letter-spacing: -.055em; }.public-page-heading p:not(.home-eyebrow) { margin-top: 20px; color: var(--muted); font-size: 19px; line-height: 1.65; }.page-intro { color: var(--muted); }.public-search { display: flex; align-items: end; gap: 10px; margin: 0 0 46px; padding: 18px; background: var(--mist); }.public-search label { font-size: 13px; font-weight: 700; }.public-search input, form input, form textarea { padding: 12px; border: 1px solid #cbd4d5; border-radius: 2px; background: #fff; font: inherit; }.public-search button, form button { padding: 12px 18px; border: 0; border-radius: 2px; background: var(--accent); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }.guide-grid { gap: 1px; background: var(--line); }.guide-card { min-height: 200px; padding: 34px; border: 0; border-radius: 0; }.guide-card h2, .article-card h2, .article-faq h2, .article-resources h2 { color: var(--ink); }.guide-card:hover, .article-card:hover { box-shadow: none; transform: none; background: #f4f8f7; }.article-list { gap: 1px; background: var(--line); }.article-card { padding: 30px; border: 0; border-radius: 0; }.back-link { color: var(--accent); }.guide-article { max-width: 900px; padding: clamp(28px, 5vw, 62px); border: 0; border-radius: 0; background: #fff; box-shadow: 0 15px 46px rgba(23,36,44,.05); }.article-content { color: #3f5057; }.article-faq__item { border-color: var(--line); border-radius: 0; background: var(--mist); }.article-resources a, .article-card a { color: var(--accent); }
.public-main > form:not(.home-search):not(.public-search) { display: grid; max-width: 680px; gap: 18px; padding: 36px; background: var(--mist); }.public-main > form:not(.home-search):not(.public-search) p { display: grid; gap: 7px; }.public-main > form:not(.home-search):not(.public-search) textarea { resize: vertical; }.public-main > article:not(.guide-article) { max-width: 860px; padding: 70px 0; }.public-main > article:not(.guide-article) img { max-width: 100%; height: auto; margin: 24px 0; }.public-main > article:not(.guide-article) p, .public-main > article:not(.guide-article) div { margin-top: 16px; color: var(--muted); line-height: 1.65; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.2,.65,.25,1), transform .7s cubic-bezier(.2,.65,.25,1); }.reveal--from-left { transform: translateX(-30px); }.reveal--from-right { transform: translateX(30px); }.reveal.is-visible { opacity: 1; transform: translate(0,0); }.quick-help-card.reveal:nth-child(2) { transition-delay: .07s; }.quick-help-card.reveal:nth-child(3) { transition-delay: .14s; }.quick-help-card.reveal:nth-child(4) { transition-delay: .21s; }.quick-help-card.reveal:nth-child(5) { transition-delay: .28s; }.quick-help-card.reveal:nth-child(6) { transition-delay: .35s; }
@media (prefers-reduced-motion: reduce) { .reveal, .reveal--from-left, .reveal--from-right { opacity: 1; transform: none; transition: none; } * { scroll-behavior: auto !important; } }
@media (max-width: 850px) { .header__inner, .public-main { width: min(100% - 40px, 1180px); }.header__inner { flex-wrap: wrap; min-height: 68px; padding: 14px 0; gap: 12px; }.main-nav { order: 3; width: 100%; gap: 15px; overflow-x: auto; }.lang-nav { margin-left: auto; }.home-section { margin-top: 68px; }.site-footer { margin-top: 64px; }.public-page-heading { padding-top: 62px; } }
@media (max-width: 768px) { .site-logo { height: 18px; } }
@media (max-width: 768px) { .guide-article.reveal { opacity: 1 !important; transform: none !important; visibility: visible !important; } }
@media (max-width: 700px) { .header__inner, .public-main { width: min(100% - 32px, 1180px); }.main-nav a { font-size: 13px; white-space: nowrap; }.home-hero { margin-top: 16px; }.home-search div { flex-direction: column; }.home-search button { width: 100%; }.public-search { align-items: stretch; flex-direction: column; }.public-search input { width: 100%; }.site-footer { padding-inline: 16px; }.site-footer span { display: block; margin: 5px 0 0; } }

@media (min-width: 701px) { .home-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Public UI blue palette refinement */
:root { --ink: #13232D; --muted: #5e707b; --line: #d6e1e8; --paper: #F6F8FA; --mist: #EAF4FA; --accent: #0B4F6C; --accent-deep: #073B52; --accent-bright: #1E88B6; }
.public-site { background: var(--paper); color: var(--ink); }
.header { border-color: rgba(11,79,108,.12); background: rgba(246,248,250,.9); }.logo a { color: var(--ink); }.main-nav a, .lang-nav a { color: #4b616d; }.main-nav a:hover, .lang-nav a:hover { color: var(--accent); }
.lang-nav { gap: 6px; align-items: center; }.lang-nav a { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 6px; border-radius: 7px; transition: color .2s ease, background-color .2s ease; }.lang-nav a.is-active { background: var(--accent-deep); color: #fff; }.lang-nav a.is-active:hover { background: var(--accent); color: #fff; }.lang-nav__separator { color: #a4b0b6; font-size: 12px; line-height: 1; user-select: none; }
.site-footer { border-color: var(--line); color: #62747f; }.site-footer span { color: #8d9ca4; }
.home-hero { background: linear-gradient(126deg, #e3f1f8 0%, #f8fbfd 53%, #e6f2f8 100%); }.home-hero::after { border-color: rgba(30,136,182,.25); }.home-hero__lead { color: #435c69; }.home-button--primary, .home-search button, .public-search button, form button { background: var(--accent); }.home-button--primary:hover, .home-search button:hover, .public-search button:hover, form button:hover { background: var(--accent-deep); }.home-button--secondary { border-color: #a9c6d4; color: var(--accent); }.home-search { color: var(--accent-deep); }.home-search input { border-color: #b7d2de; }.home-eyebrow, .home-text-link, .home-guide-card span, .back-link, .article-resources a, .article-card a { color: var(--accent); }.home-section--soft { background: var(--mist); }.home-social { background: var(--accent-deep); }.home-social__links a { border-color: #78b7d1; }.home-social__links a:hover { background: rgba(30,136,182,.25); }
/* Quick actions read as one calm action list, rather than six cards. */
.quick-help-grid { display: block; background: transparent; }.quick-help-card { position: relative; min-height: 0; padding: 21px 44px 21px 2px; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); box-shadow: none; }.quick-help-card:first-child { border-top: 1px solid var(--line); }.quick-help-card::after { position: absolute; right: 6px; color: var(--accent-bright); content: "→"; font-size: 20px; transition: transform .2s ease; }.quick-help-card:hover { background: transparent; color: var(--accent); }.quick-help-card:hover::after { transform: translateX(5px); }.quick-action-icon { color: var(--accent-bright); }
/* Guide cards retain space and movement without becoming a table. */
.home-guide-grid, .guide-grid { gap: 18px; background: transparent; }.home-guide-card, .guide-card { min-height: 210px; padding: 34px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(7,59,82,.02); transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease; }.home-guide-card:hover, .guide-card:hover { border-color: #a7c8d8; background: #fff; box-shadow: 0 14px 34px rgba(11,79,108,.09); transform: translateY(-3px); }.guide-card h2, .home-guide-card h3, .home-news-card h3 { color: var(--ink); }.guide-card p, .home-guide-card p { color: var(--muted); }.guide-card-icon { color: var(--accent-bright); }
.public-search { background: var(--mist); }.public-search input, form input, form textarea { border-color: #bfd2dc; }.guide-card:hover, .article-card:hover { background: #fff; }.article-card { border-color: var(--line); }.article-faq__item { background: var(--mist); }.guide-article { box-shadow: 0 15px 46px rgba(7,59,82,.05); }
@media (max-width: 700px) { .home-guide-grid, .guide-grid { gap: 12px; }.home-guide-card, .guide-card { min-height: 0; padding: 26px; border-radius: 10px; } }

/* Organisation-first narrative on the homepage. */
.home-section__heading--organisation { max-width: 680px; }.home-organisation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }.home-organisation article { padding-top: 19px; border-top: 2px solid var(--accent-bright); }.home-organisation span { color: var(--accent-bright); font-size: 13px; font-weight: 700; }.home-organisation h3 { margin: 12px 0 9px; color: var(--ink); font-size: 20px; letter-spacing: -.02em; }.home-organisation p { color: var(--muted); line-height: 1.6; }.home-guide-cta { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; margin-top: 32px; padding-top: 30px; border-top: 1px solid var(--line); }.home-guide-cta > div:first-child { max-width: 490px; }.home-guide-cta > div:first-child > p:last-child { color: var(--muted); line-height: 1.6; }.home-guide-cta > div:last-child { min-width: min(100%, 430px); }.home-guide-cta .home-search { margin-top: 17px; }.home-guide-cta .home-search div { display: flex; gap: 8px; }
@media (max-width: 700px) { .home-organisation { grid-template-columns: 1fr; gap: 22px; }.home-guide-cta { flex-direction: column; gap: 18px; }.home-guide-cta > div:last-child { width: 100%; }.home-guide-cta .home-search div { flex-direction: column; } }

.home-hero__note { max-width: 560px; margin-top: 38px; padding-top: 17px; border-top: 1px solid rgba(11,79,108,.2); color: #506b79; font-size: 15px; line-height: 1.5; }.home-section__lead { max-width: 720px; margin-top: 18px; color: var(--muted); font-size: 18px; line-height: 1.65; }.home-social > div:first-child > p:last-child { max-width: 550px; margin-top: 12px; color: #c9dae3; line-height: 1.55; }.news-empty { padding: 28px; background: var(--mist); color: var(--muted); }
.about-content { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; padding: 4px 0 84px; }.about-content h2, .about-areas h2, .about-contact h2 { margin: 0; color: var(--ink); font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; letter-spacing: -.04em; }.about-content__copy { color: var(--muted); font-size: 18px; line-height: 1.7; }.about-content__copy p + p { margin-top: 19px; }.about-areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }.about-areas article { padding: 34px; background: #fff; }.about-areas h2 { margin: 11px 0 15px; font-size: 24px; }.about-areas article > p:last-child { color: var(--muted); line-height: 1.65; }.about-contact { display: flex; align-items: center; justify-content: space-between; gap: 42px; margin-top: 72px; padding: 48px; background: var(--mist); }.about-contact h2 { margin: 9px 0 12px; }.about-contact p:last-child { max-width: 620px; color: var(--muted); line-height: 1.6; }.about-contact .home-button { flex: 0 0 auto; }
@media (max-width: 700px) { .about-content { grid-template-columns: 1fr; gap: 25px; padding-bottom: 55px; }.about-areas { grid-template-columns: 1fr; gap: 1px; }.about-contact { flex-direction: column; align-items: flex-start; gap: 28px; margin-top: 54px; padding: 30px; } }

/* Homepage rhythm and organisation journey. */
.home-hero { background: #F5FAFD; }.home-section--organisation, .home-section--guide, .home-section--news { padding: clamp(30px, 5vw, 58px); background: #fff; }.home-section--quick { padding: clamp(30px, 5vw, 58px); background: #F8FAFC; }.home-section--popular { background: #F5FAFD; }.home-social { background: #0B4D68; }.site-footer { background: #F3F5F7; }.home-social h2 { color: #fff; }.home-social > div:first-child > p:last-child { color: #e1edf3; }
.home-organisation { position: relative; gap: 44px; }.home-organisation article { position: relative; }.home-organisation article:not(:last-child)::after { position: absolute; top: 19px; right: -29px; color: var(--accent-bright); content: "→"; font-size: 22px; font-weight: 400; }.home-organisation article.reveal:nth-child(1) { transition-delay: .04s; }.home-organisation article.reveal:nth-child(2) { transition-delay: .16s; }.home-organisation article.reveal:nth-child(3) { transition-delay: .28s; }.home-guide-card.reveal:nth-child(2), .home-news-card.reveal:nth-child(2) { transition-delay: .08s; }.home-guide-card.reveal:nth-child(3), .home-news-card.reveal:nth-child(3) { transition-delay: .16s; }
@media (max-width: 700px) { .home-section--organisation, .home-section--quick, .home-section--guide, .home-section--news { padding: 30px 24px; }.home-organisation article:not(:last-child)::after { top: auto; right: auto; bottom: -24px; left: 0; content: "↓"; } }

.article-content h2 { margin: 38px 0 13px; color: var(--ink); font-size: clamp(24px, 3vw, 31px); line-height: 1.2; letter-spacing: -.03em; }.article-content h3 { margin: 27px 0 10px; color: var(--ink); font-size: 19px; }.article-content p { max-width: 760px; margin: 0 0 16px; }.article-content__list { padding-left: 20px; color: #3f5057; line-height: 1.7; white-space: pre-line; }

.guide-article h1 { font-size: clamp(34px, 4.5vw, 52px); line-height: 1.1; }

.article-next-steps { margin-top: 45px; padding: 32px; background: var(--mist); }.article-next-steps__heading { max-width: 640px; }.article-next-steps h2 { margin: 0; color: var(--ink); font-size: 29px; letter-spacing: -.03em; }.article-next-steps__heading > p:last-child { margin-top: 10px; color: var(--muted); line-height: 1.55; }.article-next-steps__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 23px; }.article-next-steps__grid a { display: flex; flex-direction: column; min-height: 176px; padding: 20px; border: 1px solid #cbdce5; background: #fff; color: var(--ink); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }.article-next-steps__grid a:hover { border-color: #9fc4d5; box-shadow: 0 9px 22px rgba(11,79,108,.08); transform: translateY(-2px); }.article-next-steps__grid span { margin-top: 9px; color: var(--muted); line-height: 1.5; }.article-next-steps__grid b { margin-top: auto; padding-top: 18px; color: var(--accent); font-size: 14px; }@media (max-width: 700px) { .article-next-steps { padding: 25px; }.article-next-steps__grid { grid-template-columns: 1fr; }.article-next-steps__grid a { min-height: 0; } }

.article-step-action { display: inline-flex; align-items: center; gap: 11px; margin: -3px 0 20px; padding: 12px 16px; border: 1px solid var(--accent); background: var(--accent); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s ease, border-color .2s ease, transform .2s ease; }.article-step-action:hover { border-color: var(--accent-deep); background: var(--accent-deep); transform: translateY(-1px); }.article-step-action span { font-size: 17px; line-height: 1; }

/* Interpreting guide */
.interpreting-intro { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 70px; padding: 12px 0 80px; }.interpreting-intro h2,.interpreting-actions h2,.interpreting-vatu h2,.interpreting-templates h2,.interpreting-support h2 { margin: 0; color: var(--ink); font-size: clamp(29px,3.6vw,43px); line-height: 1.12; letter-spacing: -.04em; }.interpreting-intro > div:last-child { color: var(--muted); font-size: 18px; line-height: 1.7; }.interpreting-intro > div:last-child p + p { margin-top: 18px; }.interpreting-actions { padding: clamp(30px,5vw,58px); background: #fff; }.interpreting-actions__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; margin-top: 25px; background: var(--line); }.interpreting-actions__grid article { display: flex; flex-direction: column; padding: 28px; background: #f8fbfd; }.interpreting-actions__grid article > span { color: var(--accent-bright); font-size: 13px; font-weight: 700; }.interpreting-actions__grid h3 { margin: 12px 0 9px; color: var(--ink); font-size: 20px; }.interpreting-actions__grid p { color: var(--muted); line-height: 1.6; }.interpreting-actions__grid .article-step-action { align-self: flex-start; margin-top: auto; margin-bottom: 0; padding: 11px 13px; }.interpreting-vatu,.interpreting-support { display: flex; align-items: center; justify-content: space-between; gap: 50px; margin-top: 78px; padding: 46px; background: var(--mist); }.interpreting-vatu > div:first-child,.interpreting-support > div:first-child { max-width: 650px; }.interpreting-vatu h2,.interpreting-support h2 { margin: 9px 0 12px; }.interpreting-vatu p:last-child,.interpreting-support p:last-child { color: var(--muted); line-height: 1.65; }.interpreting-vatu__actions,.interpreting-support__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }.interpreting-vatu button,.interpreting-support button { cursor: pointer; font: inherit; }.interpreting-templates { margin-top: 82px; }.interpreting-templates__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 25px; }.interpreter-template-card { position: relative; min-height: 186px; overflow: hidden; border: 1px solid var(--line); background: #fff; }.interpreter-template-card__front,.interpreter-template-card__back { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 25px; transition: opacity .25s ease, transform .28s ease; }.interpreter-template-card__front { width: 100%; border: 0; background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }.interpreter-template-card__front strong { font-size: 20px; }.interpreter-template-card__front span { margin-top: 9px; color: var(--muted); line-height: 1.5; }.interpreter-template-card__front b { margin-top: auto; color: var(--accent); font-size: 14px; }.interpreter-template-card__back { justify-content: space-between; background: var(--accent-deep); color: #fff; opacity: 0; transform: translateY(12px); pointer-events: none; }.interpreter-template-card__back p { font-weight: 700; line-height: 1.45; }.interpreter-template-card__back button { align-self: flex-start; padding: 10px 13px; border: 1px solid #b9d9e7; background: #fff; color: var(--accent-deep); font: inherit; font-weight: 700; cursor: pointer; }.interpreter-template-card.is-open .interpreter-template-card__front { opacity: 0; transform: translateY(-12px); pointer-events: none; }.interpreter-template-card.is-open .interpreter-template-card__back { opacity: 1; transform: translateY(0); pointer-events: auto; }.interpreting-support { margin-bottom: 4px; background: #0B4D68; }.interpreting-support h2,.interpreting-support .home-eyebrow { color: #fff; }.interpreting-support p:last-child { color: #e1edf3; }.interpreting-support .home-button--secondary { border-color: #9dc7d9; background: transparent; color: #fff; }
.interpreting-no-right,.interpreting-remote { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 62px; margin-top: 78px; padding: 46px; background: #fff; }.interpreting-no-right h2,.interpreting-remote h2 { margin: 0; color: var(--ink); font-size: clamp(28px,3.4vw,40px); line-height: 1.15; letter-spacing: -.04em; }.interpreting-no-right__intro > p:last-child,.interpreting-remote > div:last-child { margin-top: 16px; color: var(--muted); line-height: 1.65; }.interpreting-no-right__copy { display: flex; flex-direction: column; align-items: flex-start; color: var(--muted); font-size: 18px; line-height: 1.7; }.interpreting-no-right__copy p + p { margin-top: 16px; }.interpreting-no-right__copy .home-text-link { margin-top: auto; padding-top: 24px; }.interpreting-vatu__phone { margin-top: 15px; color: var(--ink) !important; }.interpreting-remote .article-step-action { margin: 20px 0 13px; }.interpreting-remote__note { font-size: 14px; }.interpreter-template-card__back { overflow: auto; }.interpreter-template-card__back pre { margin: 0 0 16px; color: #fff; font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }.interpreter-template-card__back button { margin-top: auto; }
@media (max-width: 700px) { .interpreting-intro,.interpreting-no-right,.interpreting-remote { grid-template-columns: 1fr; gap: 24px; padding-bottom: 54px; }.interpreting-actions { padding: 30px 24px; }.interpreting-actions__grid,.interpreting-templates__grid { grid-template-columns: 1fr; }.interpreting-vatu,.interpreting-support { flex-direction: column; align-items: flex-start; gap: 28px; margin-top: 54px; padding: 30px; }.interpreting-no-right,.interpreting-remote { margin-top: 54px; padding: 30px; }.interpreting-templates { margin-top: 55px; } }

/* Template cards: reveal full text without internal scrolling. */
.interpreter-template-card { overflow: visible; transition: height .3s ease; }.interpreter-template-card__back { overflow: hidden; }.interpreter-template-card__back pre { overflow: visible; }.interpreter-template-card.is-open { min-height: 0; }


.interpreter-template-card { perspective: 900px; }.interpreter-template-card__front,.interpreter-template-card__back { backface-visibility: hidden; transition: opacity .12s ease, transform .45s cubic-bezier(.2,.7,.2,1); }.interpreter-template-card__front { opacity: 1; transform: rotateY(0); }.interpreter-template-card__back { opacity: 1; transform: rotateY(180deg); }.interpreter-template-card.is-open .interpreter-template-card__front { opacity: 1; transform: rotateY(-180deg); }.interpreter-template-card.is-open .interpreter-template-card__back { opacity: 1; transform: rotateY(0); }

.interpreting-remote__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 21px; }.interpreting-remote__actions .article-step-action { margin: 0; }.interpreting-remote__actions .home-button { color: var(--accent); border-color: #a9c6d4; background: #fff; }

.interpreting-vatu__badge { display: inline-block; margin-right: 9px; padding: 4px 8px; border: 1px solid #a9c6d4; background: #fff; color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; }

.interpreting-support > div:first-child > p:not(.home-eyebrow) { color: #EAF2F7; font-size: 17px; line-height: 1.75; }.interpreting-support__highlight { margin-top: 20px; color: #fff !important; font-weight: 700; }.interpreting-support .home-button--primary { border-color: #fff; background: #fff; color: #0B4D68; box-shadow: 0 8px 20px rgba(0,0,0,.16); }.interpreting-support .home-button--primary:hover { border-color: #EAF2F7; background: #EAF2F7; color: #073B52; transform: translateY(-2px); }

.interpreting-support__questions { margin-top: 13px; }.interpreter-template-card__back button[data-copy-template] { margin-top: auto; }.interpreter-template-card__back button[data-template-close] { margin-top: 10px; border-color: rgba(255,255,255,.62); background: transparent; color: #fff; }

.interpreting-templates__language-note { max-width: 760px; margin-top: 14px; padding: 13px 16px; border-left: 3px solid var(--accent-bright); background: var(--mist); color: var(--muted); line-height: 1.6; }

.interpreter-template-card__back button[data-copy-template] { max-width: 100%; text-align: left; white-space: normal; }

.interpreting-vatu__actions .home-button,.interpreting-support__actions .home-button { display: inline-flex; align-items: center; gap: 8px; }.interpreting-vatu__phone > .bi { margin-right: 6px; color: var(--accent); font-size: 18px; vertical-align: -2px; }.interpreting-vatu__badge .bi { margin-right: 3px; font-size: 14px; }.interpreter-template-card__front > .bi { margin-bottom: 14px; color: var(--accent-bright); font-size: 20px; line-height: 1; }