/*
Theme Name: ABC 慈善教育
Theme URI: https://abc-edu.org.hk
Author: ABC Charitable Education
Description: ABC慈善教育官方網站主題（block theme）。藍色為預設，翠綠為樣式變化。
Version: 1.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: abc-charity
*/
:root{--abc-r-sm:var(--wp--custom--radius--sm);--abc-r-md:var(--wp--custom--radius--md);--abc-r-lg:var(--wp--custom--radius--lg);--abc-ac:var(--wp--preset--color--accent);--abc-ac-s:var(--wp--preset--color--accent-strong);--abc-soft:var(--wp--preset--color--accent-soft);--abc-sf:var(--wp--preset--color--surface);--abc-bd:var(--wp--preset--color--divider);--abc-mt:var(--wp--preset--color--muted)}
html{scroll-behavior:smooth}
body{text-wrap:pretty;-webkit-font-smoothing:antialiased}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--abc-ac);outline-offset:2px}
::selection{background:var(--wp--preset--color--accent-tint)}
.wp-element-button,.wp-block-button__link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-align:left;transition:background .15s}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--contrast);border:1.5px solid var(--abc-bd)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--abc-soft);color:var(--wp--preset--color--contrast)}

/* Header */
.abc-header{position:sticky;top:0;z-index:20;background:var(--wp--preset--color--base);padding:14px clamp(20px,5vw,72px);border-bottom:1px solid var(--abc-bd)}
.admin-bar .abc-header{top:32px}
.abc-header__row{gap:12px 20px;align-items:center}
.abc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;white-space:nowrap}
.abc-mark{width:34px;height:34px;flex:none;border-radius:50%;background:var(--abc-ac);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1}
.abc-brand__name{display:flex;flex-direction:column;line-height:1.15}
.abc-brand__name b{font-weight:600;font-size:17px}.abc-brand__name small{font-size:12px;color:var(--abc-mt)}
.abc-actions{display:flex;align-items:center;gap:12px}
.abc-lang{display:inline-flex;overflow:hidden;border-radius:999px;border:1px solid var(--abc-bd)}
.abc-lang a{padding:7px 12px;font-size:13px;text-decoration:none;color:var(--wp--preset--color--contrast)}
.abc-lang a+a{border-left:1px solid var(--abc-bd)}
.abc-lang a:not([aria-current]):hover{background:var(--abc-sf)}
.abc-actions .wp-block-button__link{padding:8px 18px;font-size:14px;line-height:1.2;border:1px solid transparent}
.abc-lang a[aria-current]{background:var(--abc-ac);color:#fff}
nav.abc-nav{border-top:1px solid var(--abc-bd);margin-top:12px!important;padding-top:12px;font-size:14px;font-weight:600}
.abc-nav .wp-block-navigation__container{gap:6px 28px!important}
.abc-nav .abc-nav{border:0;margin:0!important;padding:0}
.abc-nav .wp-block-navigation-item__content{padding-block:4px}
.abc-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,.abc-nav .current-menu-item>.wp-block-navigation-item__content.wp-block-navigation-item__content,.abc-nav [aria-current="page"].wp-block-navigation-item__content{color:var(--abc-ac-s)}

/* Layout helpers */
.abc-section{padding-block:clamp(48px,8vw,104px)}
.abc-section--tight{padding-block:clamp(32px,5vw,64px)}
.abc-kicker{font-size:13px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--abc-ac-s);margin:0}
.abc-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--abc-mt);max-width:36em}
.is-style-card{background:var(--abc-sf);border-radius:var(--abc-r-lg);padding:clamp(22px,3.2vw,40px)}
.is-style-soft{background:var(--abc-soft);color:var(--wp--preset--color--accent-deep);border-radius:var(--abc-r-md);padding:16px 18px}
.is-style-rounded-lg img,.abc-illus{border-radius:var(--abc-r-lg);display:block;width:100%;height:auto}
.abc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.abc-meta{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:4px 12px;font-size:14px;margin:0}
.abc-meta dt{font-weight:600}.abc-meta dd{margin:0;color:var(--abc-mt)}
.abc-meta-row{gap:12px!important;font-size:14px}.abc-meta-row>p:first-child{font-weight:600;min-width:4.5em;margin:0}.abc-meta-row>p{margin:0}

/* Donate (FPS) */
.abc-step{font-size:13px;font-weight:600;color:var(--abc-mt);margin:0 0 10px}
.abc-impact{margin:10px 0 0;padding:14px 16px;background:var(--abc-soft);color:var(--wp--preset--color--accent-deep);border-radius:var(--abc-r-md)}
.abc-fps{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px;background:var(--wp--preset--color--base);border-radius:var(--abc-r-md)}
.abc-fps__qr{width:132px;height:132px;flex:none;border-radius:var(--abc-r-md);background:var(--abc-sf);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--abc-mt);text-align:center}
.abc-fps__qr img{width:100%;height:100%;object-fit:contain;background:#fff}
.abc-fps__body{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:6px}
.abc-fps__id{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.abc-fps__id b{font-size:30px;font-weight:600;letter-spacing:.05em;font-feature-settings:'tnum' 1}
.abc-copy{border:1.5px solid var(--abc-bd);background:transparent;border-radius:999px;padding:6px 12px;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;color:inherit}
.abc-copy:hover{background:var(--abc-soft)}
.abc-small{font-size:13px;line-height:1.55;color:var(--abc-mt);margin:0}
.abc-methods{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--abc-bd)}
.abc-methods li{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--abc-bd);font-size:15px}
.abc-methods b{font-weight:600}


/* Tables */
.wp-block-table table{border-collapse:collapse;width:100%;font-size:15px}
.wp-block-table th{text-align:left;font-weight:600;border-bottom:1px solid var(--abc-bd);padding:12px 12px 12px 0}
.wp-block-table td{border-bottom:1px solid var(--abc-bd);padding:12px 12px 12px 0}
.wp-block-table thead{border:0}.wp-block-table td,.wp-block-table th{border-left:0;border-right:0;border-top:0}

/* Contact Form 7 */
.wpcf7 form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}
.wpcf7 form>p,.wpcf7 .abc-full,.wpcf7-response-output{grid-column:1/-1;margin:0}
.wpcf7 label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;box-sizing:border-box;background:#fff;color:var(--wp--preset--color--contrast);border:1.5px solid var(--abc-bd);border-radius:var(--abc-r-sm);padding:12px 14px;font:400 16px/1.4 inherit;font-family:inherit}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--abc-ac);outline:none;box-shadow:0 0 0 3px var(--wp--preset--color--accent-tint)}
.wpcf7 input[type=checkbox]{width:18px;height:18px;accent-color:var(--abc-ac)}
.wpcf7 .wpcf7-list-item{margin:0}.wpcf7 .wpcf7-list-item label{flex-direction:row;align-items:center;gap:10px;font-size:15px;font-weight:400}
.wpcf7 input[type=submit]{grid-column:1/-1;justify-self:stretch;text-align:left;background:var(--abc-ac);color:#fff;border:0;border-radius:999px;padding:14px 20px;font:600 16px/1 inherit;font-family:inherit;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--abc-ac-s)}
.wpcf7 form .wpcf7-response-output{border-radius:var(--abc-r-md);padding:14px 16px;border:0;background:var(--abc-soft);color:var(--wp--preset--color--accent-deep)}


/* Motion: loader overlay */
.abc-loader{position:fixed;inset:0;z-index:100000;background:var(--wp--preset--color--base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.abc-loader__bar{width:180px;height:4px;border-radius:4px;background:var(--abc-sf);overflow:hidden}
.abc-loader__bar i{display:block;height:100%;background:var(--abc-ac);transform-origin:left;transform:scaleX(0)}
@media print{.abc-loader,.abc-header{display:none!important}}

/* ══ Design sections — mirror ABC慈善教育 網站 .dc.html (claude.ai Design). ══ */
:root{--abc-tx:var(--wp--preset--color--contrast);--abc-t70:color-mix(in srgb,var(--abc-tx) 70%,transparent);--abc-t75:color-mix(in srgb,var(--abc-tx) 75%,transparent);--abc-t80:color-mix(in srgb,var(--abc-tx) 80%,transparent);--abc-dot:color-mix(in srgb,var(--abc-ac) 62%,var(--wp--preset--color--base));--abc-deep:var(--wp--preset--color--accent-deep);--abc-n300:color-mix(in srgb,var(--abc-tx) 18%,var(--wp--preset--color--base));--abc-n600:color-mix(in srgb,var(--abc-tx) 55%,var(--wp--preset--color--base))}
.abc-hero,.abc-stats,.abc-home-prog,.abc-story,.abc-band-wrap,.abc-head,.abc-mvv,.abc-history,.abc-boardsec,.abc-team,.abc-plist--full,.abc-news,.abc-media,.abc-status,.abc-spend,.abc-reports,.abc-involve,.abc-corp,.abc-contact{margin-block:0!important}
.abc-muted{color:var(--abc-t75)}
.abc-sec-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:24px}
.abc-sec-head h2,.abc-history h2,.abc-team h2,.abc-reports h2{font-size:28px;margin:0}
.abc-sec-head span{font-size:14px;color:var(--abc-t70)}
/* buttons */
.abc-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.abc-btn{box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:13px 18px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s}
.abc-btn--primary{background:var(--abc-ac);color:var(--wp--preset--color--base)}.abc-btn--primary:hover{background:var(--abc-ac-s);color:var(--wp--preset--color--base)}
.abc-btn--secondary{border-color:var(--abc-bd);color:var(--abc-tx)}.abc-btn--secondary:hover{background:color-mix(in srgb,var(--abc-tx) 7%,transparent);color:var(--abc-tx)}
.abc-btn--deep{background:var(--abc-ac-s);color:var(--wp--preset--color--base)}.abc-btn--deep:hover{background:var(--abc-deep);color:var(--wp--preset--color--base)}
.abc-btn--wide{min-width:220px;justify-content:space-between;gap:24px}
/* home */
.abc-hero{padding:clamp(56px,9vw,128px) 0 clamp(48px,7vw,96px);display:flex;flex-direction:column;gap:32px}
.abc-hero h1{font-size:clamp(40px,6.6vw,92px);line-height:1.1;letter-spacing:-.01em;margin:0}.abc-hero h1 span{display:block}
.abc-hero__sub{font-size:18px;line-height:1.75;max-width:34em;margin:0;color:color-mix(in srgb,var(--abc-tx) 82%,transparent)}
.abc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px;padding:48px 0;border-top:1px solid var(--abc-bd)}
.abc-stat{display:flex;flex-direction:column;gap:10px}
.abc-stat b{font-weight:600;font-size:clamp(36px,3.6vw,52px);line-height:1;font-feature-settings:'tnum' 1}
.abc-stat span{font-size:14px;color:color-mix(in srgb,var(--abc-tx) 72%,transparent)}
.abc-home-prog{border-top:1px solid var(--abc-bd)}
.abc-home-prog__head{padding:64px 0 24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.abc-home-prog__head a{font-size:14px;font-weight:600;color:var(--abc-tx)}
.abc-num{font-weight:600;font-size:15px;font-feature-settings:'tnum' 1;display:flex;align-items:center;gap:10px}
.abc-num i{width:8px;height:8px;border-radius:50%;background:var(--abc-dot)}
.abc-prow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:32px 0;border-top:1px solid var(--abc-bd);color:var(--abc-tx);text-decoration:none}
.abc-prow:hover{background:color-mix(in srgb,var(--abc-tx) 4%,transparent);color:var(--abc-tx)}
.abc-prow .abc-num{height:28px}
.abc-prow__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px 56px}
.abc-prow__title{display:flex;flex-direction:column;gap:6px}.abc-prow__title b{font-weight:600;font-size:24px;line-height:1.2}.abc-prow__title small{font-size:13px;color:var(--abc-t70)}
.abc-prow__desc{font-size:16px;line-height:1.75;color:var(--abc-t80)}
.abc-story{padding:56px 0 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px clamp(24px,5vw,96px);align-items:center}
.abc-story figure{margin:0}.abc-story__img{border-radius:20px;overflow:hidden;aspect-ratio:4/3}.abc-story__img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.abc-story__quote{display:flex;flex-direction:column;gap:28px}
.abc-story blockquote{margin:0;padding:0;border:0;font-weight:600;font-size:clamp(24px,2.6vw,34px);line-height:1.45;letter-spacing:-.01em}
.abc-story figcaption{font-size:15px;color:color-mix(in srgb,var(--abc-tx) 72%,transparent)}
.abc-band-wrap{padding:0 clamp(20px,3vw,40px) 40px}
.abc-band{background:var(--wp--preset--color--accent-soft);color:var(--abc-deep);border-radius:28px}
.abc-band__inner{max-width:1200px;margin:0 auto;padding:clamp(64px,8vw,104px) clamp(20px,5vw,72px);display:flex;flex-direction:column;gap:36px;box-sizing:border-box}
.abc-band h2{font-size:clamp(32px,4.4vw,60px);line-height:1.15;margin:0;max-width:16em;color:inherit}
/* page heads */
.abc-head{padding:clamp(56px,8vw,112px) 0 56px;display:flex;flex-direction:column;gap:24px}
.abc-head h1{font-size:clamp(34px,4.8vw,64px);line-height:1.15;letter-spacing:-.01em;margin:0}
.abc-head__narrow{max-width:15em}
.abc-head:has(+.abc-plist--full) h1{max-width:15em}
.abc-head__sub{font-size:17px;line-height:1.75;margin:0;max-width:38em;color:var(--abc-t80)}
/* about */
.abc-mvv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 40px;border-top:1px solid var(--abc-bd)}
.abc-mvv>div{padding:32px 0 40px;display:flex;flex-direction:column;gap:12px}.abc-mvv p{font-size:18px;line-height:1.7;margin:0}
.abc-history{padding-top:56px}.abc-history h2{margin-bottom:24px}
.abc-history__row{display:grid;grid-template-columns:minmax(80px,200px) minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--abc-bd)}
.abc-history__row span{font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1;color:var(--abc-n600)}
.abc-history__row p{font-size:17px;line-height:1.7;margin:0;max-width:40em}
.abc-boardsec{padding-top:72px}
.abc-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.abc-board__card{background:var(--abc-sf);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}
.abc-board__photo{border-radius:20px;overflow:hidden;aspect-ratio:1/1;filter:grayscale(1) contrast(1.08)}
.abc-board__photo img{width:100%;height:100%;object-fit:cover}
.abc-ph{display:flex;width:100%;height:100%;align-items:center;justify-content:center;box-sizing:border-box;border:1px dashed var(--abc-bd);border-radius:20px;background:color-mix(in srgb,var(--abc-tx) 5%,transparent);font-size:12px;color:var(--abc-t70)}
.abc-board__text{display:flex;flex-direction:column;gap:4px}
.abc-board__role{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--abc-ac-s)}
.abc-board__text b{font-weight:600;font-size:19px}.abc-board__bio{font-size:14px;color:color-mix(in srgb,var(--abc-tx) 72%,transparent)}
.abc-team{padding:72px 0 96px}.abc-team h2{margin-bottom:24px}
.abc-team__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:4px 24px;padding:18px 0;border-top:1px solid var(--abc-bd)}
.abc-team__row b{font-weight:600;font-size:17px}.abc-team__row span{font-size:15px;color:var(--abc-t75)}
/* programmes */
.abc-plist--full{padding-bottom:72px}
.abc-pfull{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px clamp(32px,5vw,80px);padding:48px 0;border-top:1px solid var(--abc-bd)}
.abc-pfull__text{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.abc-pfull h2{font-size:clamp(26px,2.8vw,36px);margin:0}
.abc-pfull__long{font-size:17px;line-height:1.75;margin:0;color:color-mix(in srgb,var(--abc-tx) 82%,transparent)}
.abc-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;margin:8px 0 0;font-size:15px}
.abc-dl dt{font-weight:600;color:var(--abc-t70)}.abc-dl dd{margin:0}
.abc-pfull .abc-btn{padding:11px 16px;margin-top:8px}
.abc-pfull__img{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--abc-sf)}.abc-pfull__img img{width:100%;height:100%;object-fit:cover;display:block}
/* news */
.abc-news{padding-bottom:48px}
.abc-nrow{display:flex;flex-wrap:wrap;gap:12px 40px;padding:32px 0;border-top:1px solid var(--abc-bd)}
.abc-nrow__meta{flex:0 0 200px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.abc-nrow time{font-size:14px;font-weight:600;font-feature-settings:'tnum' 1}
.abc-tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:var(--wp--preset--color--accent-soft);color:var(--abc-deep)}
.abc-nrow__body{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px;max-width:46em}
.abc-nrow h2{font-size:22px;line-height:1.4;margin:0}.abc-nrow p{font-size:16px;line-height:1.75;margin:0;color:var(--abc-t80)}
.abc-media{margin-bottom:96px!important;background:var(--abc-sf);border-radius:20px;padding:28px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.abc-media>div{display:flex;flex-direction:column;gap:4px}.abc-media b{font-weight:600;font-size:19px}.abc-media span{font-size:15px;color:var(--abc-t75)}
.abc-media a{font-weight:600;font-size:17px;color:var(--abc-tx)}
/* transparency */
.abc-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.abc-status>div{background:var(--abc-sf);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px}
.abc-status span{font-size:13px;font-weight:600;color:var(--abc-t70)}.abc-status b{font-weight:600;font-size:18px;line-height:1.45}
.abc-spend{padding-top:72px}
.abc-spend__bar{display:flex;height:40px;border-radius:999px;overflow:hidden}
.abc-spend__bar i{display:block;border-right:2px solid var(--wp--preset--color--base)}
.abc-spend--a{background:var(--abc-ac)}.abc-spend--b{background:var(--wp--preset--color--accent-tint)}.abc-spend--c{background:var(--abc-n300)}
.abc-spend__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px;margin-top:24px}
.abc-spend__legend>div{display:flex;gap:12px;align-items:flex-start}
.abc-spend__legend>div>i{width:14px;height:14px;flex:none;margin-top:6px}
.abc-spend__legend>div>div{display:flex;flex-direction:column;gap:1px}
.abc-spend__legend b{font-weight:600;font-size:28px;line-height:1.1}.abc-spend__legend strong{font-size:15px;font-weight:600}
.abc-spend__legend span{font-size:14px;color:color-mix(in srgb,var(--abc-tx) 72%,transparent)}
.abc-reports{padding:72px 0 96px}.abc-reports h2{margin-bottom:24px}
.abc-reports__scroll{overflow-x:auto}
.abc-reports table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.abc-reports th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--abc-tx) 60%,transparent);padding:8px;border-bottom:1px solid var(--abc-bd)}
.abc-reports td{padding:14px 8px;border-bottom:1px solid var(--abc-bd)}
.abc-reports td:first-child{font-weight:600;font-feature-settings:'tnum' 1}.abc-reports td:nth-child(3){color:var(--abc-t70)}.abc-reports td:last-child{text-align:right;padding:8px}

a.abc-download{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;font-size:14px;font-weight:600;color:var(--abc-ac-s);text-decoration:none}
a.abc-download:hover{background:color-mix(in srgb,var(--abc-ac) 10%,transparent)}
.abc-note{font-size:14px;line-height:1.7;margin:24px 0 0;color:var(--abc-t75)}
/* get involved */
.abc-involve{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px;align-items:start}
.abc-panel{background:var(--abc-sf);border-radius:20px;padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;gap:24px;min-width:0}
.abc-panel__head{display:flex;flex-direction:column;gap:8px}.abc-panel__head h2,.abc-corp h2{font-size:30px;margin:0}
.abc-panel__head p{font-size:16px;line-height:1.7;margin:0;color:var(--abc-t80)}
.abc-panel__num{font-weight:600;font-size:14px;color:var(--abc-ac-s)}
.abc-panel__step{display:flex;flex-direction:column;gap:10px}.abc-panel__step .abc-step{margin:0}
.abc-panel__other{display:flex;flex-direction:column;border-top:1px solid var(--abc-bd)}
.abc-panel__other .abc-step{padding:16px 0 4px;margin:0}.abc-panel__other .abc-methods{border-top:0}.abc-panel__other .abc-small{font-size:14px;margin-top:16px}
.abc-roles{display:flex;flex-direction:column}
.abc-roles>div{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid var(--abc-bd)}
.abc-roles b{font-weight:600;font-size:17px}.abc-roles span{font-size:14px;color:var(--abc-t75)}
.abc-panel__form{padding-top:20px;border-top:1px solid var(--abc-bd)}
.abc-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--abc-bd);border-radius:999px;overflow:hidden}
.abc-amounts label{position:relative;display:flex;align-items:center;padding:14px 12px;font-size:16px;font-weight:600;cursor:pointer;font-feature-settings:'tnum' 1}
.abc-amounts label+label{border-left:1px solid var(--abc-bd)}
.abc-amounts input{position:absolute;opacity:0;pointer-events:none}
.abc-amounts label:has(input:checked){background:var(--abc-ac);color:var(--wp--preset--color--base)}
.abc-amounts label:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--abc-tx) 7%,transparent)}
.abc-amounts label:has(input:focus-visible){outline:2px solid var(--abc-ac);outline-offset:-2px}
.abc-impact{font-size:16px;line-height:1.6;margin:8px 0 0;border-radius:16px}
.abc-corp{padding:56px 0 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px 64px;align-items:start}
.abc-corp>div{display:flex;flex-direction:column;gap:8px}.abc-corp>div:last-child{gap:16px}
.abc-corp p{font-size:17px;line-height:1.75;margin:0}.abc-corp a{font-weight:600;font-size:15px;color:var(--abc-tx)}
/* contact */
.abc-contact{padding:40px 0 96px;border-top:1px solid var(--abc-bd);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px clamp(32px,6vw,96px)}
.abc-contact__info{display:flex;flex-direction:column;gap:28px}
.abc-contact__info>div{display:flex;flex-direction:column;gap:4px}
.abc-contact__info span{font-size:13px;font-weight:600;color:var(--abc-t70)}.abc-contact__info b{font-weight:600;font-size:19px;line-height:1.5}
.abc-contact__map{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:var(--abc-sf)}.abc-contact__map img{width:100%;height:100%;object-fit:cover;border-radius:0}
.abc-contact__form{display:flex;flex-direction:column;gap:20px}.abc-contact__form h2{font-size:26px;margin:0}
.abc-contact .wpcf7 form{grid-template-columns:1fr;gap:16px}
.abc-contact .wpcf7 input[type=submit]{justify-self:start;min-width:200px}
#donate .wpcf7 input[type=submit]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
/* forms: design inputs (1px border, 12px radius, white) */
.wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),.wpcf7 select,.wpcf7 textarea{border-width:1px;border-radius:12px;padding:8px 12px;font-size:15px;min-height:40px}
@media (max-width:600px){.wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),.wpcf7 select,.wpcf7 textarea{font-size:16px}}
.wpcf7 input[type=submit]{padding:14px 18px;font-size:16px}
#volunteer .wpcf7 input[type=submit]{padding:13px 16px;font-size:15px}
/* footer */
footer.wp-block-template-part{border-top:1px solid var(--abc-bd);margin-top:0}
.abc-footer{max-width:1200px;margin:0 auto;font-size:14px}
.abc-footer__cols{padding:48px clamp(20px,5vw,72px) 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px 48px}
.abc-footer__col{display:flex;flex-direction:column;gap:8px}.abc-footer__col:first-child{gap:10px}
.abc-footer__brand{font-weight:600;font-size:18px}
.abc-footer__col .abc-muted{line-height:1.65}
.abc-footer a{color:var(--abc-tx);text-decoration:none}.abc-footer a:hover{color:var(--abc-ac-s)}
.abc-footer__bar{padding:16px clamp(20px,5vw,72px) 32px;font-size:13px;display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--abc-t70)}
.abc-footer__bar a{color:inherit}

/* fixes from design verification */
.abc-main{margin-block-start:0!important}
.abc-media{box-sizing:border-box}
.wpcf7 form>.hidden-fields-container{display:none}
.wpcf7 form>label,.wpcf7 form>div{min-width:0}
.abc-spend--a{background:color-mix(in oklch,var(--abc-ac) 78%,white)}
.abc-spend__legend .abc-spend--a{background:color-mix(in oklch,var(--abc-ac) 78%,white)}
.abc-ph{flex-direction:column;gap:6px}
.abc-ph svg{opacity:.7}
/* header metrics = design (.seg-opt / .nav a inherit line-height 1.55; brand sub 11px) */
.abc-lang a,.abc-nav{line-height:1.55}
.abc-brand__name{line-height:1.1}.abc-brand__name b{font-size:17px}.abc-brand__name small{font-size:11px}
.abc-header__row{gap:10px 16px}
nav.abc-nav{margin-top:10px!important}
/* Header bottom line: same inset as the divider above the nav (not full-bleed). */
.abc-header{border-bottom:0}
.abc-header::after{content:"";position:absolute;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);bottom:0;height:1px;background:var(--abc-bd);pointer-events:none}