*{box-sizing:border-box}body{margin:0;background:#f3f5fa;color:#233348;font:17px/1.55 Arial,sans-serif}header{background:white;border-bottom:1px solid #e4e8ee;padding:18px max(5%,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:900;color:#2982b5}.brand span{color:#f4a322}main{max-width:1180px;margin:28px auto;padding:0 20px}button,a.btn{cursor:pointer;border:0;border-radius:7px;padding:11px 18px;background:#227eb4;color:white;font:600 14px Arial;text-decoration:none;display:inline-block}button:hover,a.btn:hover{filter:brightness(.93)}.secondary{background:#edf3f8;color:#27658c}.notice{background:#e6f1fb;color:#46718c;padding:13px 18px;border-radius:9px;font-size:15px;margin-bottom:20px}.card{background:white;border:1px solid #e7ebf1;box-shadow:0 3px 10px #26395206;border-radius:13px;padding:25px;margin-bottom:20px}.hero{display:flex;gap:20px;align-items:center}.emblem{background:#fff5df;color:#ec9f23;font-size:36px;border-radius:14px;padding:14px 23px}h1{font-size:29px;margin:0 0 7px;letter-spacing:-.7px}h2{font-size:21px;margin:0 0 14px}h3{margin:0 0 8px;font-size:18px}p{margin:8px 0 15px}.muted,small{color:#76869a}.pill{background:#e6f1fa;color:#367aa2;padding:4px 10px;font-size:14px;border-radius:20px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{display:flex;gap:16px;align-items:center}.stat strong{display:block;font-size:27px}.icon{border-radius:12px;padding:13px;background:#edf5fd;color:#2586be}.label{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#76869a}input,textarea{font:inherit;border:1px solid #dce3eb;border-radius:7px;padding:11px;width:100%;color:#233348}textarea{min-height:130px;resize:vertical}label{display:block;margin:14px 0 6px;font-size:15px;font-weight:600}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>input{flex:1;min-width:150px}.share-buttons{display:flex;gap:10px;margin-top:13px}.share-buttons a{flex:1;text-align:center}.qr{width:120px;height:120px}.order{display:flex;justify-content:space-between;align-items:center;gap:20px}.id{font-size:25px;font-weight:bold;color:#287dae}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fields .wide{grid-column:1/-1}.detail{margin:9px 0;white-space:pre-wrap}.detail b{display:block;font-size:14px;color:#76869a}.reportButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reportButtons button{padding:22px;text-align:left;line-height:1.5}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:12px;text-align:left;border-bottom:1px solid #e5eaf0;white-space:nowrap}th{background:#f2f6fa;color:#567083}footer{font-size:14px;color:#76869a;margin:25px 0}dialog{border:0;border-radius:15px;max-width:460px;width:95%;padding:30px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#23334870}.toast{position:fixed;bottom:20px;background:#233348;color:white;padding:12px 20px;border-radius:8px;left:50%;transform:translateX(-50%);display:none;z-index:20}.print{display:none}@media(max-width:720px){.grid,.stats,.reportButtons,.fields{grid-template-columns:1fr}.hero{padding:20px}h1{font-size:24px}.card{padding:20px}header{padding:15px 20px}.row input{width:100%}.order{align-items:flex-start}.share-buttons{flex-wrap:wrap}}@media print{body>*{display:none!important}body>.print{display:block!important}}.fields{max-width:720px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;background:#f8fafc;border:1px solid #e7edf3;border-radius:10px;padding:20px}.fields label{margin:0 0 5px;font-size:14px;color:#52677e}.fields input{height:38px;padding:7px 10px;font-size:16px;min-width:0}.fields textarea{min-height:68px;height:68px;padding:8px 10px;font-size:16px;line-height:1.5}.fields input:focus,.fields textarea:focus{outline:2px solid #a9d3ec;outline-offset:1px;border-color:#3487b9}@media(max-width:480px){.fields{gap:12px;padding:14px}.fields input{font-size:15px}.fields>div:has(#cfg-contact),.fields>div:has(#cfg-email){grid-column:1/-1}}
:root{--blue:#0752d7;--navy:#132348}body{background:linear-gradient(180deg,#eef4ff 0,#f8faff 480px,#fff 100%);color:var(--navy);font-family:Arial,sans-serif}header{padding-top:20px;padding-bottom:20px;box-shadow:0 2px 12px #123c7505}.brand{font-size:30px;letter-spacing:-1.3px;color:#0875bd;line-height:1}.brand small{display:block;text-align:right;font-size:9px;letter-spacing:1px;margin-top:6px;color:#397195}.brand span{color:#ff9d1b}main{max-width:1220px;margin-top:22px}.notice{background:#eaf2ff;color:#527398;border:1px solid #dbe9fc;font-size:13px;padding:9px 15px;margin-bottom:16px}.card{border:1px solid #dfE8f5;box-shadow:0 5px 20px #183d7807;border-radius:15px;padding:28px;margin-bottom:22px}h1{font-size:36px;letter-spacing:-1px;line-height:1.15}h2{font-size:24px;color:var(--blue);letter-spacing:-.5px;line-height:1.3}h3{color:var(--navy)}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:#6580a4;margin-bottom:10px}.hero{position:relative;overflow:hidden;min-height:190px;padding:34px;background:linear-gradient(100deg,#fff 0%,#f2f7ff 55%,#dbeaff 100%);gap:24px}.hero>div:not(.hero-art){position:relative;z-index:1}.hero-sub{font-size:16px;color:#5c7193;margin:14px 0 0}.hero .pill{background:white;border:1px solid #cadaf1;color:#1c61b5}.emblem{width:92px;height:92px;flex-shrink:0;text-align:center;padding:13px;background:linear-gradient(145deg,#1267e6,#003bb7);color:#fff;box-shadow:0 10px 22px #1657c330;font-size:50px;border:5px solid white;border-radius:22px}.hero-art{position:absolute;right:0;top:0;height:100%;width:270px;background:linear-gradient(135deg,#0d5cdb,#142c87);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);padding:30px 25px 25px 65px;color:white;transform:none}.hero-art b{font-size:28px;line-height:1.05;letter-spacing:-1px;display:block;transform:rotate(-8deg);opacity:.94}.hero-art span{display:block;color:#ffb43c;font-size:35px;line-height:1;margin-bottom:12px}.hero-art i{position:absolute;right:20px;bottom:10px;font-size:72px;color:#5c9bfa;font-style:normal}.hero>div:nth-child(2){max-width:65%}.grid{grid-template-columns:1.35fr 1fr;gap:22px}.order-card{background:linear-gradient(135deg,#f6faff,#fff);border-color:#cddfff}.order-card h2{font-size:28px;color:var(--navy);margin-bottom:16px}.order-card h2 span{color:var(--blue)}.order{align-items:center}.order p{font-size:17px}.order a{color:var(--blue);font-weight:700;text-decoration:none}.qr{width:132px;height:132px;background:white;padding:8px;border:1px solid #e0e8f3;border-radius:12px}.id{display:inline-block;font-size:28px;letter-spacing:2px;background:#eaf2ff;padding:3px 14px;margin-top:6px;border-radius:7px;color:#0752d7}.details-card .detail{display:inline-block;vertical-align:top;min-width:45%;margin:5px 0 12px;padding-right:10px}.detail b{color:#7a8aa4;font-size:13px;margin-bottom:4px}.stats{gap:22px}.stat{padding:23px 25px;gap:20px}.stat strong{font-size:31px;letter-spacing:-.7px}.stat .icon{width:53px;height:53px;text-align:center;border-radius:50%;font-size:25px;font-weight:700;color:white;background:#0752d7;box-shadow:0 5px 12px #0752d71a}.stat:nth-child(2) .icon{background:#7f2ac3}.stat:nth-child(3) .icon{background:#24a041}.label{font-size:12px;font-weight:700;letter-spacing:1.1px}.heading-icon{font-size:25px;margin-right:6px}.share-card textarea{background:#f6f9ff;border-color:#dce6f6;min-height:113px;font-size:16px;line-height:1.8;padding:16px}.share-card p>button{width:100%;padding:14px;background:var(--blue)}button,a.btn{background:var(--blue);border-radius:8px;transition:filter .15s,transform .15s}button:hover,a.btn:hover{transform:translateY(-1px)}button.secondary{background:#edf3ff;color:#155bc2}.share-buttons{gap:10px}.share-buttons a{padding:12px}.search-card{background:linear-gradient(145deg,#fff,#f7faff)}.search-card input{height:42px;background:white;border-color:#dce5f2}.search-card form p>button{width:100%;padding:13px}.search-card label{color:#506788;font-size:14px}.search-card small,.share-card small{font-size:13px}#searchResult:not(:empty){padding:16px;margin-top:18px;border:1px solid #cadff2;background:white;border-radius:10px}.support-strip{display:flex;gap:18px;align-items:center;padding:24px;border:1px solid #cfddf4;background:linear-gradient(100deg,#eef5ff,#fafcff);border-radius:14px;margin-top:2px}.support-strip .btn{margin-left:auto;white-space:nowrap}.support-mark{background:#0752d7;color:white;border-radius:50%;width:48px;height:48px;text-align:center;padding:8px;font-size:26px;flex-shrink:0}.support-strip .muted{font-size:15px}footer{text-align:center;padding:12px;border-top:1px solid #e6edf6;margin-top:26px;font-size:13px}.section-number{display:inline-block;background:#e9f1ff;color:#0752d7;border-radius:7px;padding:5px 9px;font-size:14px;font-weight:bold;margin:0 6px 14px 0}.fields{max-width:780px;background:#f7faff;border-color:#e0e9f6}.reportButtons button{background:linear-gradient(130deg,#0752d7,#2379ed);min-height:94px;font-size:17px;border-radius:12px}.reportButtons button:nth-child(1){background:linear-gradient(130deg,#d9790b,#f8a020)}.reportButtons button:nth-child(3){background:linear-gradient(130deg,#6525b5,#9650d6)}.reportButtons button:nth-child(4){background:linear-gradient(130deg,#12834d,#23a668)}#report{margin-top:20px}th{background:#eef4ff;color:#3c6196}dialog{border:1px solid #d9e6fa;padding:32px}
@media(max-width:950px){.hero-art{width:205px;opacity:.75}.hero>div:nth-child(2){max-width:65%}.hero h1{font-size:31px}.hero-sub{max-width:380px}.emblem{width:72px;height:72px;padding:8px;font-size:40px}}@media(max-width:720px){.grid,.stats{grid-template-columns:1fr;gap:0}.hero{padding:25px 20px;gap:15px;min-height:170px}.hero-art{display:none}.hero>div:nth-child(2){max-width:100%}.hero h1{font-size:27px}.hero .eyebrow{font-size:10px}.hero-sub{font-size:14px}.card{padding:22px}.stats{grid-template-columns:repeat(3,1fr);gap:9px}.stat{display:block;padding:14px 10px;text-align:center}.stat .icon{display:inline-block;width:34px;height:34px;font-size:18px;padding:4px;margin-bottom:8px}.stat strong{font-size:22px}.stat .label{font-size:10px;letter-spacing:.5px}.support-strip{flex-wrap:wrap;padding:20px}.support-strip .btn{margin-left:66px}.brand{font-size:25px}header .row{gap:5px}header button{font-size:13px;padding:9px}.reportButtons{grid-template-columns:1fr}.reportButtons button{min-height:65px}.fields{padding:15px}.qr{width:110px;height:110px}.order-card h2{font-size:26px}}

.emblem:has(img){background:white;padding:5px}.emblem img{width:100%;height:100%;object-fit:contain;border-radius:12px}.sales-layout{display:grid;grid-template-columns:calc((100% - 44px)/3) 1fr;gap:22px;margin-bottom:22px;border:2px solid #3585ff;padding:0;border-radius:17px;background:#edf5ff;box-shadow:0 0 0 5px #dcecff70}.sales-layout .card{margin:0;border-color:#a8cbff}.sales-layout .search-card{padding:20px}.sales-layout h2{font-size:22px}.sales-layout .search-card p{font-size:15px}.results-card{display:flex;flex-direction:column;background:linear-gradient(140deg,#fff,#f3f9ff)}.results-empty{text-align:center;padding:40px 25px;color:#6480a3}.results-empty>span{font-size:40px;color:#2975e4}.results-empty p{max-width:380px;margin:10px auto}.results-card #searchResult{flex:1;border:0;background:transparent;margin:0;padding:16px 0}.results-card #searchResult>h3{font-size:27px;color:#0752d7}.results-card #searchResult>p:first-of-type{font-size:24px;line-height:2;padding:22px;background:white;border:1px solid #c8dfff;border-radius:12px}.product-banner{height:200px;min-height:200px;position:relative;padding:30px 34px;overflow:hidden;background:#fdf4e7}.hero{height:200px;min-height:200px}.product-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.product-banner>div{position:relative;z-index:1}.product-banner h2{font-size:30px;color:#60381c;margin-bottom:8px}.product-banner p{font-size:15px;color:#805b3a;margin:0}.product-banner .eyebrow{color:#926b46}.share-card textarea{font-size:22px;line-height:1.7;min-height:190px}.share-layout{max-width:none}.logo-control{padding-bottom:15px;border-bottom:1px solid #dae5f2}#logoPreview{width:70px;height:70px;flex-shrink:0;display:grid;place-items:center;background:white;border:1px solid #d4e2f5;border-radius:12px;color:#0752d7;font-size:30px}#logoPreview img{max-width:100%;max-height:100%;object-fit:contain}.fields input[type=file]{height:auto;padding:5px;font-size:14px}.logo-control button{padding:6px 10px;font-size:13px;margin-top:6px}@media(max-width:720px){.sales-layout{grid-template-columns:1fr;padding:12px;gap:12px}.results-empty{padding:20px 10px}.hero,.product-banner{height:200px;min-height:200px}.product-banner{padding:25px 20px}.product-banner>img{object-position:60% center}.product-banner>div{max-width:60%}.product-banner h2{font-size:27px}.product-banner .eyebrow{font-size:10px}.share-card textarea{font-size:20px}.results-card #searchResult>p:first-of-type{font-size:20px}}

.campaign-header{height:auto!important;min-height:200px!important;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.5fr);gap:30px;padding:28px 32px;background:linear-gradient(110deg,#fff,#edf5ff)}.hero.campaign-header>div{max-width:none}.campaign-identity{display:flex;align-items:center;gap:20px}.campaign-identity h1{font-size:30px;line-height:1.2;margin:0}.campaign-details{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding-left:28px;border-left:1px solid #c8daf3}.campaign-details:empty{display:none}.campaign-header:has(.campaign-details:empty){grid-template-columns:1fr}.campaign-details .detail{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.campaign-details .detail b{font-size:14px;font-weight:700;color:#4e6b90;margin-bottom:3px}.campaign-details .detail:has(b):nth-last-child(-n+2){grid-column:auto}.order-card+.share-card{margin-bottom:22px}.grid:has(.order-card){grid-template-columns:1fr 1fr}.share-card h2{font-size:24px}.share-card textarea{min-height:190px}.order-card .order{margin-top:24px}.order-results{margin:22px 0 18px;background:white;border:1px solid #b9d5fc;border-radius:10px}.order-results td,.order-results th{font-size:16px;padding:13px}.sponsor-heading{padding:12px 0 10px}.sponsor-heading h2{margin:10px 0 4px}.sponsor-heading .pill{background:#e4edff;font-weight:700}#sponsorTools{border-top:2px solid #d9e6f8;margin-top:8px;padding-top:15px}.results-card #searchResult>p:first-of-type{font-size:22px;padding:14px}.campaign-details .detail{white-space:pre-wrap}@media(max-width:800px){.campaign-header{grid-template-columns:1fr;padding:24px;gap:20px}.campaign-details{padding-left:0;padding-top:18px;border-left:0;border-top:1px solid #c8daf3}.campaign-identity h1{font-size:27px}.grid:has(.order-card){grid-template-columns:1fr}.campaign-details .detail{font-size:17px}.order-results th,.order-results td{font-size:14px;padding:9px}}

/* Two-level campaign introduction */
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f5f8fd;color:#192f4e}main{max-width:1200px}.card{box-shadow:0 4px 18px #163b6c05;border-color:#e0e8f2}.hero.campaign-header{display:block!important;min-height:146px!important;height:auto!important;padding:28px 34px;margin-bottom:16px;background:linear-gradient(115deg,#fff 25%,#edf5ff 100%);border:1px solid #d8e6f7;border-radius:16px;overflow:visible}.campaign-identity{display:flex;gap:24px;align-items:center;width:100%}.campaign-identity h1{font-size:34px;line-height:1.22;letter-spacing:-.8px;max-width:900px;overflow-wrap:anywhere;margin:0}.campaign-identity .emblem{width:84px;height:84px;border-radius:18px;box-shadow:0 6px 18px #1c4e9515;flex-shrink:0}.fundraiser-details{padding:25px 30px;margin-bottom:22px;border-radius:16px;background:white}.details-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.details-title h2{font-size:21px;margin:0;color:#233f63;font-weight:650;letter-spacing:-.25px}.details-symbol{width:30px;height:30px;border-radius:8px;background:#edf4ff;color:#3174c9;display:grid;place-items:center;font-size:22px}.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.fact{min-width:0}.fact>span{display:block;font-size:14px;color:#71819a;margin-bottom:7px;font-weight:600}.fact>div{font-size:18px;font-weight:600;color:#263e60;line-height:1.5;overflow-wrap:anywhere}.fact a{color:#2568b8;text-decoration:none}.fact a:hover{text-decoration:underline}.detail-stories{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-top:24px;padding-top:22px;border-top:1px solid #e7edf5}.detail-stories:has(.story:only-child){grid-template-columns:1fr}.story h3{font-size:15px;color:#526c8e;font-weight:600;margin:0 0 8px}.story p{white-space:pre-wrap;font-size:18px;line-height:1.75;color:#344c6a;margin:0;max-width:95ch;overflow-wrap:anywhere}.story.prize{background:#fff9ec;padding:16px 20px;border-radius:10px;border:1px solid #f5e9cb}.story.prize h3{color:#966d23}.detail-stories:has(.story.prize:only-child){margin-top:20px}.product-banner{border-radius:16px}.stats .stat{padding:22px;min-height:104px}.sales-layout{box-shadow:0 0 0 3px #e4efff;border-color:#64a0f2;background:#f5f9ff;overflow:hidden}.sales-layout .card{border:0;box-shadow:none}.sales-layout .search-card{border-right:1px solid #dbe8f9;border-radius:0;padding:24px}.sales-layout .results-card{padding:24px;border-radius:0;background:#fff}.results-card h2,.search-card h2{font-size:22px}.eyebrow{letter-spacing:1.3px}.share-card,.order-card{padding:28px}.share-card textarea{border-radius:10px;background:#f7faff}.share-buttons a{font-size:16px}.support-strip{background:#eef4fc;border-color:#dce7f6}.fields{max-width:850px}.section-number{border-radius:50%;width:32px;height:32px;text-align:center;padding:6px}.reportButtons button{box-shadow:0 5px 12px #123d7710}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #83b8ff;outline-offset:3px}
@media(max-width:950px){.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.campaign-identity h1{font-size:31px}}@media(max-width:720px){.hero.campaign-header{padding:22px!important;min-height:125px!important}.campaign-identity{gap:18px}.campaign-identity h1{font-size:27px}.campaign-identity .emblem{width:68px;height:68px}.fundraiser-details{padding:22px}.detail-stories{grid-template-columns:1fr;gap:20px}.story p{font-size:17px;line-height:1.7}.fact>div{font-size:17px}.sales-layout .search-card{border-right:0;border-bottom:1px solid #dbe8f9}.sales-layout{padding:0;gap:0}.stats .stat{padding:14px 8px;min-height:95px}.share-card,.order-card{padding:22px}}@media(max-width:400px){.detail-facts{gap:16px}.fact:has(a){grid-column:1/-1}.campaign-identity h1{font-size:25px}}

/* Reference-inspired palette and type hierarchy */
:root{--blue:#064bdd;--navy:#101e40}body{background:linear-gradient(180deg,#f1f6ff 0,#fff 680px);font-family:"Segoe UI",Arial,sans-serif;color:#172443;font-size:17px;line-height:1.55}header{border-bottom:1px solid #dce6f5;box-shadow:none;padding-top:18px;padding-bottom:18px}header .secondary{background:transparent;border-radius:0;border-bottom:3px solid #0752df;color:#064bdd}main{max-width:1200px;margin-top:20px}.notice{background:#f0f5fc;border-color:#e3ebf6;color:#70839d;font-size:13px}.card{border-radius:10px;border:1px solid #dde7f6;box-shadow:0 2px 7px #183d7806;margin-bottom:18px}.hero.campaign-header{display:flex!important;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:20px 28px!important;min-height:210px!important;background:linear-gradient(105deg,#f9fcff,#e8f2ff);border-radius:11px;gap:24px;margin-bottom:18px}.campaign-identity{position:relative;z-index:2;flex:1;width:auto;gap:25px;padding-right:10px}.campaign-identity .emblem{width:168px!important;height:168px!important;border-radius:13px;border:1px solid #bcd0f5;background:#fff;color:#0652d8;padding:8px;font-size:82px;display:grid;place-items:center;box-shadow:0 5px 16px #1a4c8f0b}.campaign-identity .emblem img{border-radius:7px;width:100%;height:100%;object-fit:contain}.campaign-identity h1{font-family:"Segoe UI",Arial,sans-serif;font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-.9px;max-width:650px}.header-cookie{position:relative;flex:0 0 230px;width:230px;height:185px;border-radius:50%;overflow:hidden;box-shadow:0 10px 26px #96642517;align-self:center}.header-cookie img{width:100%;height:100%;object-fit:cover;object-position:66% 52%;transform:scale(1.45)}.fundraiser-details{background:linear-gradient(110deg,#f7faff,#fff);padding:23px 28px;border-color:#cbdcf7}.details-title h2{font-size:22px;font-weight:700;color:#064bdd}.details-symbol{background:transparent;color:#0653dc;font-size:27px}.detail-facts{gap:18px 25px}.fact>span,.story h3{color:#566887;font-size:14px;font-weight:600}.fact>div{font-size:18px;font-weight:500;color:#1d2d4e}.story p{font-size:18px;line-height:1.7;color:#293b5c}.detail-stories{margin-top:18px;padding-top:18px}.stats{gap:18px}.stats .stat{background:#fff;border:1px solid #e3e9f2;min-height:110px;padding:22px;gap:17px}.stat .icon{box-shadow:none;background:#064bdd;width:49px;height:49px;padding:9px;font-size:24px}.stat:nth-child(2) .icon{background:#27a21f}.stat:nth-child(3) .icon{background:#7d23c3}.stat strong{font-size:31px;color:#111f40;letter-spacing:-.6px}.stat .label{font-size:13px;letter-spacing:.45px;font-weight:600;color:#67758e}.sales-layout{gap:18px;border:1px solid #8cb5f7;box-shadow:0 0 0 3px #eef5ff;background:#f6faff;border-radius:10px;margin-bottom:22px}.sales-layout .search-card{background:#f6faff;padding:24px}.sales-layout .results-card{background:linear-gradient(100deg,#fbfdff,#f3f8ff);padding:24px}.search-card h2,.results-card h2,.share-card h2,.order-card h2{color:#064bdd;font-size:24px;font-weight:700;letter-spacing:-.5px}.eyebrow{color:#7c8ba2;font-size:11px;letter-spacing:1.2px}.results-card #searchResult>p:first-of-type{border-color:#dfebf8;background:#fff;color:#142a4b}.order-results{border-radius:8px;border-color:#d7e4f6}th{background:#eff5fe;color:#224b85;font-weight:650}td{color:#243957}.grid:has(.order-card){gap:18px}.order-card,.share-card{background:linear-gradient(130deg,#fff,#f4f8ff);border-color:#cbdcf7;padding:25px}.order-card h2{font-size:27px;line-height:1.3}.share-card textarea{background:#fbfdff;border-color:#d7e2f0;font-family:inherit;font-size:22px;line-height:1.65;border-radius:7px;padding:15px}.share-buttons a{border-radius:6px;font-weight:650}.share-card p>button{border-radius:6px;padding:13px}.id{background:#eaf2ff;border:1px solid #d5e4fb;color:#0752d7}.qr{border-radius:8px}.support-strip{background:#f0f6ff;border-color:#cddff8;border-radius:9px}.fields{background:#f7faff;border-radius:8px}.reportButtons button{border-radius:8px;box-shadow:none}.section-number{background:#eaf2ff}.sponsor-heading h2{color:#064bdd}input,textarea{font-family:inherit}.muted{color:#65758e}button,a.btn{font-family:inherit;font-weight:600}footer{color:#8190a5}
@media(max-width:950px){.header-cookie{flex-basis:170px;width:170px;height:160px}.campaign-identity h1{font-size:30px}.campaign-identity{gap:18px}}@media(max-width:720px){.hero.campaign-header{padding:18px!important;gap:10px;min-height:185px!important}.campaign-identity .emblem{width:136px!important;height:136px!important;font-size:62px}.campaign-identity{flex-wrap:wrap;gap:12px}.campaign-identity h1{font-size:25px;width:100%}.header-cookie{flex-basis:110px;width:110px;height:115px;align-self:flex-start;margin-top:12px}.stats{gap:9px}.stats .stat{padding:14px 7px;min-height:100px}.stat strong{font-size:24px}.stat .label{font-size:11px}.stat .icon{width:36px;height:36px;padding:5px;font-size:20px}.sales-layout{gap:0}.fundraiser-details{padding:21px}.share-card textarea{font-size:20px}.order-card,.share-card{padding:22px}}

.sales-overview{margin-bottom:22px}.sales-overview:has(.goal-progress){padding:18px;border:1px solid #cbdcf5;background:linear-gradient(110deg,#f7fbff,#f0f7ff);border-radius:12px}.sales-overview .stats .card{margin-bottom:0}.sales-overview .stats{margin-bottom:0}.goal-progress{padding:22px 7px 3px}.goal-top,.goal-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.goal-top h3{font-size:25px;margin:5px 0 16px;color:#123d29}.goal-top h3 span{font-size:18px;font-weight:500;color:#60718a}.goal-top>strong{font-size:28px;color:#16873b}.thermometer{height:26px;background:#e1e8e9;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 3px #20364012}.thermometer>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#23b749,#0c9033);transition:width .4s}.goal-bottom{margin-top:11px;font-size:15px;color:#577162}.order a{font-size:25px;overflow-wrap:anywhere}.qr{width:175px;height:175px;padding:8px;flex-shrink:0}.order p{font-size:19px}.order .muted{font-size:17px}.order-card .order{gap:18px}.order-card h2{font-size:29px}.fact>div{font-size:18px}.story p{font-size:18px}.share-card textarea{font-size:22px}.fields input,.fields textarea{font-size:16px}.fields input{height:42px}.fields textarea{height:80px}.order{flex-wrap:wrap}.sales-layout{grid-template-columns:calc((100% - 36px)/3) 1fr}@media(max-width:720px){.sales-layout{grid-template-columns:1fr}.sales-overview:has(.goal-progress){padding:12px}.goal-top h3{font-size:22px}.goal-top h3 span{display:block;font-size:16px}.goal-bottom{font-size:13px;align-items:flex-start}.goal-bottom span:last-child{text-align:right}.order a{font-size:23px}.qr{width:165px;height:165px}.share-card textarea{font-size:20px}.order-card h2{font-size:27px}.order p{font-size:18px}}

.order-card .order{display:block}.order-card .order>div{width:100%}.scan-row{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin:20px 0 24px}.scan-row .qr{display:block;width:175px;height:175px;object-fit:contain;object-position:center;padding:0;background:#fff;flex:none}.scan-row .muted{line-height:1.5}.order-card .order p:last-child{margin-bottom:0}@media(max-width:380px){.scan-row{gap:16px}.scan-row .qr{width:155px;height:155px}}

.order-card h2,.share-card h2{font-size:29px;line-height:1.3;font-weight:700}.share-card h2 .heading-icon{font-size:inherit}.detail-facts{display:flex;flex-wrap:wrap;gap:20px 28px}.detail-facts .fact{flex:1 1 130px}.detail-facts .fact:has(a){flex:1.6 0 auto;max-width:100%}.fact:has(a)>div{overflow-wrap:normal;overflow-x:auto}.fact a{white-space:nowrap}.goal-top .goal-unset{font-size:20px;color:#65758e}@media(max-width:720px){.order-card h2,.share-card h2{font-size:27px}.detail-facts .fact:has(a){flex-basis:100%}.goal-top .goal-unset{font-size:17px}}

.fundraiser-details{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:35px;align-items:start}.fundraiser-details .detail-stories{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;border:0}.fundraiser-details .detail-facts{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-facts .fact:has(a),.detail-facts .fact:nth-child(3){grid-column:1/-1}.fundraiser-details:not(:has(.detail-stories)) .detail-facts{grid-column:1/-1}.fundraiser-details:not(:has(.detail-facts)){grid-template-columns:1fr}.sales-overview{border:1px solid #cbdcf5;background:linear-gradient(110deg,#f7fbff,#f0f7ff);padding:26px;border-radius:12px}.fundraising-progress h2{font-size:25px;margin-bottom:5px}.fundraising-progress>p{margin:0 0 16px;color:#596a81}.progress-amounts{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-amounts>div{display:flex;flex-direction:column}.progress-amounts>div:first-child strong{font-size:36px;color:#087c3c}.progress-amounts>div:first-child span{color:#16873b;font-weight:600}.progress-amounts>div:last-child{text-align:right}.progress-amounts>div:last-child strong{font-size:25px}.progress-amounts span{font-size:16px}.thermometer{position:relative;height:30px}.thermometer b{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;color:#153727}.progress-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}.progress-kpis>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #d5e4f7;gap:3px}.progress-kpis>div:last-child{border:0}.progress-kpis strong{font-size:24px}.progress-kpis span{font-size:16px;color:#65758e}.order-card .scan-row,.order-card .seller-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:center}.scan-row .qr{width:220px;height:220px}.scan-row .muted{display:flex;align-items:center;gap:8px}.scan-arrow{font-size:34px;color:#0752d7}.seller-row .id{font-size:56px;line-height:1.3;letter-spacing:2px;margin:0;padding:3px 12px;justify-self:start}.seller-row>span:first-child{font-size:19px}.order-card h2 .heading-icon{font-size:inherit}@media(max-width:800px){.fundraiser-details{grid-template-columns:1fr}.fundraiser-details .detail-facts{grid-column:1;grid-row:2}.progress-kpis strong{font-size:20px}.progress-kpis span{font-size:14px}}@media(max-width:420px){.order-card .scan-row,.order-card .seller-row{grid-template-columns:minmax(0,1fr) 190px;gap:8px}.scan-row .qr{width:190px;height:190px}.seller-row .id{font-size:56px;letter-spacing:0;padding:3px 5px}.seller-row>span:first-child{font-size:17px}.scan-row .muted{display:block}.progress-kpis{grid-template-columns:1fr 1fr;gap:18px}.progress-kpis>div:nth-child(2){border:0}.progress-amounts>div:first-child strong{font-size:30px}.progress-amounts>div:last-child strong{font-size:22px}}

.fields>div:has(#cfg-group),.fields>div:has(#cfg-goal),.fields>div:has(#cfg-start),.fields>div:has(#cfg-finish),.fields>div:has(#cfg-contact),.fields>div:has(#cfg-email){grid-column:auto}.group-break td{border-top:3px solid #8ba7cf;padding-top:24px}@page{size:letter portrait;margin:.35in}@media print{html,body{margin:0!important;padding:0!important;background:white!important}.print{width:7.8in}}
.fields .logo-control{order:10}

/* Additions for the live site (not in the proof of concept) */
.brand{text-decoration:none}
a.btn.secondary{background:#edf3ff;color:#155bc2}
header a.btn.secondary{background:transparent;color:#064bdd}
button.small{padding:6px 10px;font-size:13px}
.notice.ok{background:#e9f8ee;border-color:#c9ecd4;color:#17693a;font-size:15px}
.notice.err{background:#fdecea;border-color:#f5c2bd;color:#8a1c12;font-size:15px}
.fundraiser-details .story p{white-space:pre-wrap}
input[type=checkbox]{width:auto}
.auth,.find-group{max-width:460px;margin:40px auto}
.auth h1,.find-group h1{font-size:30px}
.auth form p>button{width:100%;padding:13px}
.find-group .row>input{flex:1 1 150px;height:42px}
.change-password{order:11;padding-top:6px}
.change-password summary{cursor:pointer;font-weight:600;font-size:14px;color:#52677e}
.change-password .fields{background:none;border:0;padding:12px 0 0}
.admin-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.admin-actions{display:grid;grid-template-columns:auto auto;gap:6px;justify-content:start}
.admin-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}
.admin-grid .fields{max-width:none}
@media(max-width:720px){.admin-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}}
main.wide .fields{max-width:none}
#report th,#report td{white-space:normal;overflow-wrap:break-word}
#report table{table-layout:fixed}
#report th,#report td{padding:10px 8px;overflow-wrap:anywhere}
#report th:nth-last-child(-n+3),#report td:nth-last-child(-n+3){width:10.5%}
.heading-svg{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:4px}
header .nav-tab{background:transparent;color:#064bdd;box-shadow:inset 0 0 0 1px #b9cff2}
header .nav-tab:hover{background:#edf3ff;filter:none}
header .nav-tab.active{background:#064bdd;color:#fff;box-shadow:none}
header .nav-tab.active:hover{background:#064bdd}
/* One page width everywhere; the header lines up with the content below it */
main{max-width:1160px}
header{padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2))}
.report-filter{margin-top:20px;padding:14px 16px;background:#f7faff;border:1px solid #e0e9f6;border-radius:8px}
.report-filter label{margin:0 0 6px;font-size:14px;color:#52677e}
.report-filter .row{flex-wrap:nowrap}
.report-filter input{flex:1;min-width:0;height:42px;max-width:420px}
/* Admin uses the full screen so its table never scrolls sideways */
main.admin{max-width:none;width:95%;padding:0}
body:has(main.admin) header{padding-left:2.5%;padding-right:2.5%}
.admin-table th,.admin-table td{white-space:normal;padding:10px 8px}
.admin-email{overflow-wrap:anywhere;min-width:150px}
.admin-pic{display:block;width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid #dde7f6}
#report table:has(th:nth-child(6)){min-width:760px}
#report th:first-child:empty{width:76px}
.report-pic{display:block;width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #dde7f6}
.brand{flex:0 1 210px;min-width:130px}
.brand img{display:block;width:100%;height:auto}
/* Header image: a full square that matches the group logo box */
.header-cookie{flex:0 0 168px;width:168px;height:168px;border-radius:13px;border:1px solid #bcd0f5;background:#fff;box-shadow:0 5px 16px #1a4c8f0b}
.header-cookie img{transform:none;object-position:center}
.header-cookie.product img{object-fit:contain}
@media(max-width:720px){.header-cookie{flex:0 0 136px;width:136px;height:136px;margin-top:0;align-self:center}}
/* An uploaded logo fills its box edge to edge */
.campaign-identity .emblem:has(img){padding:0;overflow:hidden}
.campaign-identity .emblem img{display:block;object-fit:cover;object-position:center;border-radius:0}
#report .seller-summary th:nth-child(n+3),#report .seller-summary td:nth-child(n+3){text-align:center;width:22%;overflow-wrap:normal}#report .seller-summary td:nth-child(n+3){white-space:nowrap}
#report .seller-summary th:nth-child(-n+2),#report .seller-summary td:nth-child(-n+2){width:auto}
/* Four report buttons on one line; 2x2 on tablets, stacked on phones */
.reportButtons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.reportButtons button{padding:18px 16px;font-size:16px}
@media(max-width:1000px){.reportButtons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.reportButtons{grid-template-columns:1fr}}
