:root{--green:#26734a;--green-dark:#1b5938;--green-soft:#edf5ee;--ink:#24372e;--muted:#68736c;--line:#e4e9e5;--surface:#fff;--canvas:#f7f9f7;--danger:#ae3a36;--radius:12px;--shadow:0 12px 36px #263b2c0b;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.48}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #72a886;outline-offset:3px}::selection{background:#d6ead8;color:#173d26}input,textarea{caret-color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-.025em}h2{font-size:21px;line-height:1.35;letter-spacing:-.015em}h3{font-size:17px;line-height:1.4;font-weight:600}p{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;transition:background .18s,border-color .18s;gap:8px}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.secondary{background:white;border-color:#d8e1da;color:var(--ink)}.secondary:hover{background:#f0f5f1;border-color:#bbcdbf}.small{min-height:36px;padding:7px 13px;font-size:13px}.wide{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.boot,.load-error{padding:15vh 8vw;max-width:750px}.load-error h1{margin-bottom:20px}.load-error p{margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;font-weight:600}.brand img{width:54px;height:54px;object-fit:contain}.admin-layout{display:grid;grid-template-columns:234px 1fr;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:#fff;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 7px;margin-bottom:54px}.nav-label{font-size:12px;color:var(--muted);padding:0 16px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;color:#56665a;font-size:14px;margin-bottom:5px}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:600}.nav-item:hover{background:#f4f7f4}.nav-dot{width:13px;height:16px;border:1.5px solid currentColor;border-radius:3px;position:relative}.nav-dot:after{content:'';position:absolute;left:3px;right:3px;top:4px;height:1px;box-shadow:0 3px 0 currentColor;background:currentColor}.nav-count{margin-left:auto;font-size:12px}.sidebar-bottom{margin-top:auto;padding:20px 15px 0;border-top:1px solid var(--line)}.sidebar-bottom p{font-size:12px;line-height:1.7;margin-top:9px}.local-indicator{display:flex;gap:8px;align-items:center;font-size:12px;color:#475e4e}.local-indicator span{width:6px;height:6px;border-radius:50%;background:#6b9b75}.admin-body{grid-column:2;min-width:0}.admin-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fff;font-size:13px;color:#7b877e}.admin-top a{color:var(--green)}.admin-main{max-width:1450px;margin:auto;padding:40px 42px 34px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:24px}.page-heading p{margin-top:11px}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tab{background:none;border:0;padding:10px 13px;font-size:14px;color:var(--muted);border-radius:7px;display:inline-flex;align-items:center;gap:9px}.tab.active{background:#e8f0e9;color:var(--green);font-weight:600}.tab:hover{color:var(--ink)}.tab span{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.search input,.public-list-controls input{width:225px;padding:10px 13px;border:1px solid #dce4de;border-radius:8px;background:white;font-size:13px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#768078;opacity:1}.campaign-table{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-head,.campaign-row{display:grid;grid-template-columns:minmax(230px,1fr) 130px 145px 106px 110px;align-items:center;gap:18px;padding:19px 22px}.table-head{font-size:12px;color:var(--muted);padding-top:14px;padding-bottom:14px;background:#fbfcfb;border-bottom:1px solid var(--line)}.campaign-row{min-height:100px;border-bottom:1px solid var(--line);transition:background .18s}.campaign-row:last-child{border-bottom:0}.campaign-row:hover{background:#fcfdfc}.campaign-name{display:flex;align-items:center;gap:15px;min-width:0}.campaign-name img,.photo-placeholder{width:56px;height:64px;border-radius:8px;object-fit:cover;object-position:center 30%;flex-shrink:0;background:#f0f3ef}.campaign-name strong{display:block;font-size:14px;font-weight:600;line-height:1.5}.campaign-name small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:550;white-space:nowrap;padding:4px 8px;border-radius:5px;background:#eff2ef;color:#5b685e}.status i{width:5px;height:5px;border-radius:100%;background:currentColor}.status.published{background:#eaf5ec;color:#317849}.status.draft{background:#f7f2e5;color:#816528}.status.archived{background:#f0f2f0;color:#6b756e}.changes-label{display:block;font-size:11px;color:#876d38;margin-top:5px}.row-amount strong{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.row-amount small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.row-date{font-size:12px;color:var(--muted)}.row-edit{font-size:12px;color:var(--green);font-weight:550;text-align:right}.row-edit:hover{text-decoration:underline;text-underline-offset:4px}.pagination{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;padding:21px 0}.pagination>div{display:flex;gap:13px;align-items:center}.list-footnote{font-size:12px;color:var(--muted);margin-top:6px}.empty-state{background:white;padding:70px 25px;text-align:center;border:1px solid var(--line);border-radius:12px}.empty-state p{margin:13px auto 25px;max-width:430px;font-size:14px}.back-link{font-size:13px;color:var(--green);display:inline-block;margin-bottom:20px}.back-link:before{content:'←';margin-right:8px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.editor-heading h1{font-size:29px}.editor-state{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.editor-state #editor-status{display:flex;align-items:center;gap:8px}.editor-state .changes-label{margin:0}.editor-actions{display:flex;gap:10px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.form-section{padding:28px 30px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.section-heading{margin-bottom:24px}.section-heading p{font-size:13px;line-height:1.6;margin-top:6px}.field{margin-bottom:21px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:13px;color:var(--ink);font-weight:550;margin-bottom:7px}.required{color:#8b5145;margin-left:4px}.field input,.field textarea{width:100%;border:1px solid #ced9d0;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);font-size:14px;transition:border-color .18s}.field textarea{resize:vertical;line-height:1.65;min-height:100px}.field input:hover,.field textarea:hover{border-color:#aebfb2}.field input:focus,.field textarea:focus{border-color:var(--green);outline:2px solid #dcebdd;outline-offset:0}.field-hint{font-size:12px;line-height:1.6;margin:0 0 9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-error{color:var(--danger);font-size:12px;display:block;margin-top:5px}.field-error:empty{display:none}.invalid input,.invalid textarea,.invalid .photo-upload{border-color:var(--danger)}.photo-upload{display:flex;align-items:center;gap:20px;padding:20px;border:1px dashed #c4d3c8;border-radius:9px;background:#fafcfa}.photo-upload.dragging{background:#eaf4ed;border-color:var(--green)}#photo-thumb{height:100px;width:88px;flex-shrink:0;background:#edf2ed;display:grid;place-items:center;border-radius:7px;overflow:hidden;color:#7e8c80;font-size:12px}#photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-upload strong{font-size:13px;font-weight:550}.photo-upload p{font-size:11px;margin:4px 0 12px}.photo-upload .upload-button{font-size:12px;display:inline-flex;width:auto;margin:0;font-weight:550;cursor:pointer}#upload-status{display:block;font-size:11px;color:var(--green);margin-top:5px}.additional-fields{margin-top:24px;border-top:1px solid var(--line);padding-top:17px}.additional-fields summary{cursor:pointer;color:var(--green);font-size:13px}.additional-fields[open] summary{margin-bottom:18px}.check-field{display:flex;align-items:center;gap:10px;margin:13px 0;font-size:13px;cursor:pointer}.check-field input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}.url-field{padding-top:18px;border-top:1px solid var(--line);font-size:12px;display:grid;gap:8px;color:var(--muted)}.url-field code{font:12px/1.6 ui-monospace,SFMono-Regular,monospace;color:#475e4c;overflow-wrap:anywhere}.save-bar{position:sticky;bottom:14px;border:1px solid #d9e3db;background:#fff;box-shadow:0 5px 24px #283b2b0c;padding:16px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3}.save-bar>span{font-size:12px;color:var(--muted);max-width:250px}.sticky-preview{position:sticky;top:25px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 14px}.preview-heading h2{font-size:14px;font-weight:600}.preview-heading>span{font-size:10px;color:var(--muted)}.public-card{display:block;background:white;border-radius:14px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .2s,transform .2s;color:var(--ink)}a.public-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.public-card-photo{width:100%;height:240px;object-fit:cover;object-position:center 30%;display:block;background:#ecf1ea}.card-empty-photo{display:grid;place-items:center;font-size:13px;color:#77837a}.public-card-content{padding:22px}.card-person{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-person h3{font-size:18px}.card-person>span{font-size:12px;white-space:nowrap;color:var(--muted)}.public-card-content>p{font-size:13px;line-height:1.6;margin:12px 0 22px;min-height:42px}.progress-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:12px;font-variant-numeric:tabular-nums}.progress-label strong{font-size:16px;font-weight:600}.progress-label span{color:var(--muted)}progress{appearance:none;border:0;width:100%;height:5px;display:block;border-radius:4px;overflow:hidden;margin:12px 0 20px;background:#e9efea}progress::-webkit-progress-bar{background:#e9efea}progress::-webkit-progress-value{background:var(--green);border-radius:4px}progress::-moz-progress-bar{background:var(--green)}.card-action{display:block;border-top:1px solid var(--line);padding-top:14px;text-align:center;color:var(--green);font-size:13px;font-weight:600}.card-action.complete{color:var(--muted)}.readiness{margin-top:25px;padding-bottom:19px;border-bottom:1px solid var(--line)}.readiness h3,.publication-info h3{font-size:13px;margin-bottom:12px}.readiness-item{border:0;background:transparent;padding:6px 0;font-size:12px;display:flex;align-items:center;gap:10px;color:#7c8179;width:100%;text-align:left}.readiness-item.ready{color:#3a6648}.check-dot{width:16px;height:16px;border:1px solid #cdd7ce;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.ready .check-dot{background:#e4efe6;border-color:#e4efe6;color:#3d7d50}.publication-info{padding-top:20px;font-size:12px}.publication-info p{font-size:12px;margin-bottom:8px}.publication-info a{color:var(--green);display:block;margin-bottom:8px}.text-button{display:block;background:none;border:0;padding:7px 0;font-size:12px;color:var(--green);text-align:left}.text-button:hover{text-decoration:underline}.text-button.danger{color:var(--danger)}.text-button.muted{color:var(--muted)}.error-message{color:var(--danger);background:#fff2f0;border:1px solid #efd5cf;border-radius:8px;padding:13px 16px;font-size:13px;margin-bottom:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 22px;border-radius:9px;background:#244d35;color:white;font-size:13px;max-width:calc(100vw - 30px);z-index:50;transition:opacity .2s,transform .2s;box-shadow:0 6px 25px #24352c20}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#8d3732}dialog{border:0;border-radius:14px;padding:30px;max-width:460px;width:calc(100vw - 35px);box-shadow:0 20px 100px #18312330;color:var(--ink)}dialog::backdrop{background:#16302450}dialog h2{font-size:22px;margin-bottom:14px}dialog p{font-size:14px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.public-header{max-width:1220px;margin:0 auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:white}.public-header .brand{font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.public-header .brand img{width:80px;height:80px}.public-header .brand strong{display:block;color:var(--green);font-size:14px;margin-top:3px}.public-header nav{display:flex;align-items:center;gap:25px;font-size:13px}.public-header a:hover{color:var(--green)}body:has(.public-header){background:white}.public-hero{max-width:1160px;margin:20px auto 65px;padding:55px 55px;display:grid;grid-template-columns:1fr 260px;gap:50px;background:#edf5ec;border-radius:16px;align-items:end}.public-hero h1{font-size:48px;line-height:1.17;letter-spacing:-.025em;font-weight:600;color:#264d35}.public-hero p{font-size:15px;line-height:1.8;max-width:470px;color:#57705c;margin:22px 0 28px}.hero-note{border-top:1px solid #bfd1bd;padding-top:16px}.hero-note p{font-size:18px;line-height:1.7;color:#527455;margin:0}.public-campaigns{max-width:1160px;margin:0 auto;padding:0 0 70px}.public-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.public-section-heading h1,.public-section-heading h2{font-size:32px;font-weight:600}.public-section-heading p{font-size:14px;margin-top:8px}.public-section-heading>a{color:var(--green);font-size:14px;border-bottom:1px solid #9bbc9e;padding-bottom:3px}.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.public-list-controls{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.public-campaigns:has(h1){padding-top:45px}.public-footer{border-top:1px solid var(--line);padding:35px max(30px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:30px;background:#f7faf7}.public-footer .brand img{width:48px;height:48px}.public-footer p{font-size:11px;margin-top:15px}.public-footer>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:13px}.public-footer span{font-size:11px;color:var(--muted);margin-top:8px}.preview-banner{background:#fff1d7;padding:12px 30px;display:flex;justify-content:center;align-items:center;gap:25px;font-size:12px;color:#725b2b}.preview-banner a{text-decoration:underline;text-underline-offset:3px}.story-page{max-width:1100px;padding:35px 0 80px;margin:auto}.story-heading{margin:12px 0 38px}.story-heading h1{font-size:44px;max-width:800px;line-height:1.2}.story-heading>p{font-size:17px;margin-top:16px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;align-items:start}.story-photo{width:100%;max-height:620px;object-fit:cover;object-position:center 28%;border-radius:12px}.person-details{padding:26px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.person-details h2{font-size:25px}.person-details p{font-size:14px;margin-top:8px;line-height:1.7}.person-details .diagnosis{font-size:13px;color:#57685b;margin-top:16px}.story-prose{max-width:68ch;font-size:16px;line-height:1.95;color:#3e5044}.story-prose p{color:inherit;margin-bottom:23px}.donation-summary{position:sticky;top:30px;padding:28px;border:1px solid var(--line);border-radius:12px}.donation-summary h2{font-size:23px}.donation-summary>p{font-size:13px;margin-top:14px;line-height:1.6}.big-amount{font-size:29px;line-height:1.25;font-weight:600;margin-top:27px;font-variant-numeric:tabular-nums}.big-amount span{display:block;font-size:12px;color:var(--muted);margin-top:10px;font-weight:400}.donation-summary .remaining{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:12px}.remaining strong{color:var(--ink)}.payment-disabled{padding:14px 10px;text-align:center;border-radius:7px;background:#f0f5ef;color:#536b58;font-size:13px;line-height:1.65;margin-bottom:13px}.not-found{padding:90px 30px;max-width:900px;margin:auto;min-height:50vh}.not-found p{margin:20px 0 30px}.no-results{padding:50px 0;grid-column:1/-1;text-align:center}body:has(.public-header) #toast{bottom:25px}
@media(min-width:1500px){.editor-grid{grid-template-columns:minmax(0,760px) 330px}}
@media(max-width:1250px){.admin-layout{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:28px 14px}.sidebar .brand{font-size:12px;gap:8px}.admin-main{padding:32px 28px}.admin-top{padding:0 28px}.table-head,.campaign-row{grid-template-columns:minmax(200px,1fr) 105px 120px 100px;gap:14px;padding:17px}.row-date,.table-head>span:nth-child(4){display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:23px}.form-section{padding:24px}.editor-actions .button{padding:10px 12px;font-size:12px}.public-campaigns,.story-page{margin-left:30px;margin-right:30px}.public-hero{margin-left:30px;margin-right:30px}.story-grid{gap:35px}}
@media(max-width:1050px){.editor-grid{grid-template-columns:minmax(0,1fr)}.preview-column{display:block}.preview-column .preview-heading,.preview-column #live-preview,.preview-column .readiness{display:none}.preview-column .sticky-preview{position:static}.preview-column .publication-info{border-top:1px solid var(--line)}.editor-heading{align-items:flex-start}.editor-actions{flex-direction:column}.campaign-row,.table-head{grid-template-columns:minmax(170px,1fr) 105px 115px}.row-edit,.table-head>span:last-child{display:none}.campaign-name{gap:10px}.campaign-name strong{font-size:13px}.list-tools{flex-direction:column;align-items:stretch}.search input{width:100%}.public-hero{grid-template-columns:1fr}.hero-note{display:none}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.story-heading h1{font-size:38px}}
@media(max-width:760px){.admin-layout{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line);gap:20px}.sidebar .brand{margin:0;padding:0}.brand img{width:42px;height:42px}.sidebar nav{display:flex;align-items:center;gap:9px}.nav-label,.sidebar-bottom,.nav-dot,.nav-count,.sidebar nav>a[target="_blank"]{display:none}.nav-item{margin:0;padding:9px 14px}.admin-body{display:block}.admin-top{height:48px;padding:0 20px;font-size:11px}.admin-main{padding:27px 20px 24px}.page-heading{align-items:flex-start;gap:14px;margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px;line-height:1.6;max-width:190px}.page-heading>.button{font-size:12px;padding:11px 14px}.tabs{gap:2px}.tab{font-size:12px;padding:9px 10px;gap:6px}.tab span{font-size:10px}.list-tools{gap:17px}.campaign-table{border-radius:10px}.table-head{display:none}.campaign-row{grid-template-columns:minmax(0,1fr) 87px;gap:12px;padding:17px 13px;min-height:104px}.campaign-name{grid-column:1;grid-row:1/span 2;gap:11px}.campaign-name img,.photo-placeholder{width:46px;height:57px}.campaign-name strong{font-size:13px}.campaign-name small{font-size:11px;line-height:1.4}.row-status{grid-column:2;grid-row:1;align-self:end;text-align:right}.row-amount{grid-column:2;grid-row:2;align-self:start;text-align:right}.row-amount strong{font-size:12px}.row-amount small{display:none}.status{font-size:10px;padding:3px 5px;gap:4px}.changes-label{font-size:10px}.row-edit{display:none}.pagination{font-size:11px}.pagination .small{font-size:11px;padding:7px 10px;min-height:36px}.pagination>div{gap:10px}.list-footnote{font-size:11px;max-width:300px;line-height:1.7}.back-link{font-size:12px;margin-bottom:17px}.editor-heading{display:block;margin-bottom:25px}.editor-heading h1{font-size:27px}.editor-actions{flex-direction:row;margin-top:22px}.editor-actions .button{font-size:13px;flex:1}.editor-state{gap:9px;font-size:11px}.form-section{padding:23px 20px;border-radius:10px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px}.field-grid{gap:12px}.field label{font-size:12px}.field input,.field textarea{font-size:16px;padding:10px}.photo-upload{padding:15px;gap:13px}#photo-thumb{width:65px;height:82px}.photo-upload strong{font-size:12px}.photo-upload p{font-size:10px}.photo-upload .button{font-size:11px}.save-bar{padding:13px;bottom:10px;gap:12px}.save-bar>span{font-size:10px;line-height:1.6}.save-bar .button{font-size:12px;padding:10px 13px}.public-header{padding:17px 20px;gap:15px}.public-header .brand{font-size:9px;gap:8px}.public-header .brand img{width:55px;height:55px}.public-header .brand strong{font-size:10px}.public-header nav{gap:12px;font-size:11px}.public-header nav>a:first-child{display:none}.public-header nav>.button{font-size:10px;padding:8px;min-height:32px}.public-hero{margin:8px 20px 38px;padding:35px 25px;border-radius:12px;gap:0}.public-hero h1{font-size:34px;line-height:1.22}.public-hero p{font-size:13px;margin:18px 0 23px;line-height:1.8}.public-hero .button{font-size:12px}.public-campaigns{margin-left:20px;margin-right:20px;padding-bottom:40px}.public-section-heading h1,.public-section-heading h2{font-size:26px}.public-section-heading p{font-size:12px;max-width:230px}.public-section-heading>a{font-size:12px;white-space:nowrap}.public-grid{gap:18px;grid-template-columns:1fr}.public-card-photo{height:300px}.public-card-content{padding:23px}.card-person h3{font-size:20px}.public-list-controls{display:block}.public-list-controls input{margin-top:20px;width:100%}.public-campaigns:has(h1){padding-top:27px}.public-footer{padding:28px 20px;flex-direction:column;gap:23px}.public-footer>div:last-child{align-items:flex-start}.public-footer .brand{font-size:12px}.story-page{margin:0 20px;padding:25px 0 40px}.story-heading{margin:8px 0 25px}.story-heading h1{font-size:32px}.story-heading>p{font-size:14px;margin-top:12px}.story-grid{display:flex;flex-direction:column;gap:25px}.story-article{width:100%}.story-photo{max-height:500px}.donation-summary{width:100%;position:static}.story-prose{font-size:15px;line-height:1.85}.preview-banner{padding:12px 20px;gap:7px;flex-direction:column;font-size:11px}.person-details .diagnosis{font-size:12px}.public-header .brand span{max-width:150px}.editor-grid{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.photo-upload input[type=file]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Photo geometry follows the original help-card and child-page templates. */
.campaign-portrait{position:relative;width:136px;height:136px;flex-shrink:0;margin:0 auto 20px}
.campaign-portrait .portrait-image{position:absolute;top:8px;left:8px;width:120px;height:120px;max-height:none;border-radius:50%;display:block;object-fit:cover;object-position:center;background:#fff}
.portrait-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-width:3px}
.portrait-track{stroke:var(--line)}
.portrait-value{stroke:var(--green);stroke-linecap:round}
.campaign-portrait-detail{width:356px;height:356px;max-width:100%;margin-bottom:30px}
.campaign-portrait-detail .portrait-image{top:16px;left:16px;width:323px;height:323px}
.public-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.public-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;max-width:270px;width:100%;justify-self:center;border-radius:10px}
.public-card-content{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-width:0}
.card-person{display:block;overflow-wrap:anywhere}
.card-person h3{font-size:18px}
.card-person>span{display:block;margin:6px 0 18px;white-space:normal}
.progress-label{display:block;font-size:13px;line-height:1.7}
.progress-label strong{font-size:16px;margin-right:4px}
.progress-label span{white-space:nowrap}
.public-card-content>p{margin:12px 0 22px;min-height:42px;overflow-wrap:anywhere}
.card-action{margin-top:auto;width:100%}
#live-preview .public-card{margin:0 auto}
.person-details{text-align:center;padding-top:0}
#photo-thumb{width:88px;height:88px;border-radius:50%}
#photo-thumb img,.campaign-name img{object-position:center}
@media(max-width:1050px){.public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.public-grid{grid-template-columns:1fr}}
@media(max-width:760px){#photo-thumb{width:65px;height:65px}}
@media(max-width:430px){.campaign-portrait-detail{width:266px;height:266px}.campaign-portrait-detail .portrait-image{top:12px;left:12px;width:243px;height:243px}}
@media(max-width:360px){.public-header{flex-wrap:wrap}.public-header nav{width:100%;justify-content:space-between}}
.publication-sync{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.publication-sync strong{font-size:14px}.publication-sync p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0}.sync-actions{display:flex;gap:16px;align-items:center;flex-shrink:0;font-size:12px}.publication-sync p[role=alert]{color:var(--danger)}@media(max-width:760px){.publication-sync{align-items:flex-start;flex-direction:column;padding:16px;gap:14px}.sync-actions{width:100%;justify-content:space-between}}

.request-message{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}
.original-card-preview{width:100%;height:480px;display:block;border:0}