:root{
  --bg:#f3f5f0;--surface:#fff;--surface-2:#eaf0e9;--ink:#142019;--muted:#667269;
  --line:#d7dfd5;--brand:#28583d;--brand-dark:#153824;--accent:#d6a84a;
  --danger:#922929;--danger-bg:#fdeaea;--warning:#7d4a0a;--warning-bg:#fff2db;
  --shadow:0 20px 60px rgba(24,46,31,.10);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.65}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.grow{flex:1}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;max-width:1240px;margin:auto;padding:18px 24px;background:rgba(243,245,240,.9);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand small{margin-top:4px;color:var(--muted);font-size:.65rem;letter-spacing:.14em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:white;background:var(--brand)}
.site-nav{display:flex;gap:24px;font-weight:750;font-size:.9rem}.site-nav a:hover{color:var(--brand)}
.section{max-width:1240px;margin:0 auto;padding:84px 24px}.section-soft{max-width:none;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2));background:#e7ece5}
.hero{display:grid;grid-template-columns:1.45fr .75fr;gap:50px;align-items:center;min-height:690px}.hero h1{margin:12px 0 24px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.05em}.lead{max-width:780px;color:var(--muted);font-size:1.12rem}
.eyebrow{margin:0 0 7px;color:var(--brand);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-card,.panel,.form-panel,.assessment-intro{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.hero-card h2{font-size:2rem;line-height:1.15}.hero-card dl{margin:25px 0 0}.hero-card dl div{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.hero-card dt{color:var(--brand);font-weight:900}.hero-card dd{margin:0}
.button-row,.form-actions,.toolbar,.panel-heading,.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;border:1px solid transparent;border-radius:999px;font-weight:850;transition:.15s}.button:hover{transform:translateY(-1px)}.button-primary{color:white;background:var(--brand)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--brand-dark);background:white;border-color:var(--line)}.button-ghost{color:var(--brand);background:transparent}.text-button{border:0;color:var(--brand);background:transparent;font-weight:800}
.hero-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-points span,.tag{padding:6px 10px;border-radius:999px;color:var(--brand-dark);background:var(--surface-2);font-size:.82rem;font-weight:750}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.section-heading>p{max-width:520px;color:var(--muted)}.section-heading.compact{align-items:start}.section-heading.compact h2{font-size:2rem}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.content-card{display:flex;flex-direction:column;min-height:250px;padding:23px;border:1px solid var(--line);border-radius:18px;background:white}.content-card h3{margin:8px 0}.content-card p{color:var(--muted)}.content-card .card-footer{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface-2);font-weight:900;color:var(--brand)}
.skeleton-card{height:250px;border-radius:18px;background:linear-gradient(90deg,#e8ece6 25%,#f4f6f2 50%,#e8ece6 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.assessment-shell{max-width:980px;margin:auto}.assessment-intro{padding:clamp(28px,6vw,65px)}.assessment-intro h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.notice{margin:20px 0;padding:15px 18px;border-left:4px solid var(--accent);border-radius:12px;color:#5d4319;background:var(--warning-bg)}
.progress-panel{margin-bottom:16px;padding:20px;border-radius:18px;background:var(--brand-dark);color:white}.progress-meta{display:flex;justify-content:space-between;font-weight:800}.progress-track{height:8px;margin:10px 0 15px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.18)}.progress-fill{height:100%;width:0;background:#d8b45e;transition:.25s}.step-nav{display:flex;gap:7px;overflow:auto}.step-button{min-width:82px;padding:7px;border:0;border-radius:9px;color:rgba(255,255,255,.65);background:rgba(255,255,255,.08);font-size:.72rem}.step-button.active{color:var(--brand-dark);background:white}.step-button.complete{color:white;background:rgba(255,255,255,.2)}
.question-block{padding:22px 0;border-top:1px solid var(--line)}.question-block:first-child{border-top:0}.question-label{display:block;margin-bottom:10px;font-size:1.03rem;font-weight:850}.required{color:var(--danger)}.help{margin:-5px 0 12px;color:var(--muted);font-size:.9rem}.input{width:100%;padding:12px 13px;border:1px solid #cbd5c9;border-radius:11px;background:white}.input:focus{outline:3px solid rgba(40,88,61,.16);border-color:var(--brand)}textarea.input{min-height:110px;resize:vertical}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option-card{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:13px;background:white}.option-card:hover{border-color:#8ca391}.option-card input{margin-top:5px;accent-color:var(--brand)}.form-actions{margin-top:28px}.form-error{margin:15px 0;padding:12px 14px;border-radius:10px;color:var(--danger);background:var(--danger-bg);font-weight:750}
.result-hero{padding:35px;border-radius:var(--radius);color:white;background:var(--brand-dark)}.result-hero h2{font-size:clamp(2.1rem,5vw,4rem);line-height:1.1}.result-badge{display:inline-block;padding:6px 11px;border-radius:999px;color:var(--brand-dark);background:#e0c270;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:white}.metric-card strong{display:block;font-size:1.8rem;line-height:1.1}.metric-card span{color:var(--muted);font-size:.85rem}.result-hero .metric-card{border:0;background:rgba(255,255,255,.1)}.result-hero .metric-card span{color:rgba(255,255,255,.7)}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.risk-item,.analysis-box{padding:13px;border-radius:11px;background:var(--warning-bg)}.risk-item.high{color:var(--danger);background:var(--danger-bg)}.clean-list{padding-left:1.2rem}.report-actions{margin-top:20px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:60px}.two-column h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}.prose{color:var(--muted);font-size:1.08rem}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:45px max(24px,calc((100% - 1192px)/2));color:#dce6dd;background:#10291b}.site-footer p{max-width:600px;color:#aebcb1}
.modal{width:min(720px,calc(100% - 30px));padding:0;border:0;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal::backdrop{background:rgba(9,24,15,.62);backdrop-filter:blur(3px)}.modal form{position:relative;padding:28px}.modal-wide{width:min(980px,calc(100% - 30px))}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;font-size:1.5rem;background:var(--surface-2)}
.login-screen{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#10291b,#315c42)}.login-card{width:min(440px,100%);padding:36px;border-radius:24px;background:white;box-shadow:var(--shadow)}.login-card label{display:block;margin:20px 0}.login-card .button{width:100%}
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px;background:#10291b;color:white}.admin-brand{margin-bottom:30px}.admin-nav{display:grid;gap:5px}.admin-nav button{padding:12px 14px;border:0;border-radius:10px;color:#bac8bd;background:transparent;text-align:left;font-weight:800}.admin-nav button:hover,.admin-nav button.active{color:white;background:rgba(255,255,255,.1)}.admin-sidebar>.button{margin-top:auto;color:white}
.admin-main{min-width:0;padding:30px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-topbar h1{margin:0}.status-pill{padding:7px 11px;border-radius:999px;color:var(--muted);background:white;border:1px solid var(--line);font-size:.82rem}.admin-view{max-width:1500px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel-heading{justify-content:space-between}.panel h2,.panel h3{margin-top:0}.toolbar{justify-content:space-between;margin-bottom:16px;padding:14px 0}.toolbar p{margin:0;color:var(--muted)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.data-table tr:hover td{background:#f7f9f5}.severity{padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:850}.severity-high{color:var(--danger);background:var(--danger-bg)}.severity-medium{color:var(--warning);background:var(--warning-bg)}.severity-info{color:var(--brand);background:var(--surface-2)}
.builder-section{margin-bottom:15px;border:1px solid var(--line);border-radius:17px;background:white;overflow:hidden}.builder-section.dragging,.builder-question.dragging{opacity:.45}.builder-section-header{display:flex;align-items:center;gap:12px;padding:16px;background:#edf2ec}.drag-handle{cursor:grab;color:var(--muted);font-size:1.2rem}.builder-section-title{flex:1}.builder-section-title h3{margin:0}.builder-section-title p{margin:2px 0 0;color:var(--muted);font-size:.87rem}.builder-questions{padding:10px}.builder-question{display:flex;align-items:center;gap:12px;margin:7px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:white}.builder-question-main{flex:1}.builder-question-main b{display:block}.builder-question-main small{color:var(--muted)}.builder-actions{display:flex;gap:5px}.icon-button{width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:white}.danger-button{color:var(--danger)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal label,.settings-form label{display:block;margin:12px 0;font-weight:750}.toggle-row{display:flex!important;align-items:center;gap:8px}.toggle-row input{width:auto}.option-editor-row{display:grid;grid-template-columns:1fr 1fr 100px 40px;gap:8px;margin-bottom:8px}.settings-form{max-width:900px}.settings-form h2{margin-top:25px}.participant-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-item{padding:12px;border-radius:11px;background:var(--surface-2)}.profile-item small{display:block;color:var(--muted)}.status-text{margin-top:12px;color:var(--muted)}
@media(max-width:980px){.site-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.card-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-nav{grid-template-columns:repeat(3,1fr)}.admin-sidebar>.button{margin-top:16px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.section{padding:58px 14px}.site-header{padding:13px 14px}.site-header>.button{display:none}.hero h1{font-size:2.65rem}.section-heading,.two-column,.site-footer{display:block}.section-heading>p{margin-top:12px}.card-grid,.result-grid,.metric-grid,.option-grid,.form-grid,.participant-profile{grid-template-columns:1fr}.form-actions .button{flex:1 1 40%}.admin-main{padding:18px 12px}.admin-nav{grid-template-columns:1fr 1fr}.admin-topbar{align-items:flex-start}.option-editor-row{grid-template-columns:1fr 1fr 70px 38px}.participant-toolbar{align-items:stretch}.participant-toolbar>*{width:100%}}
@media print{body{background:white}.site-header,.site-footer,#services,#trips,#about,.report-actions,.progress-panel{display:none!important}.section{padding:0}.assessment-shell{max-width:none}.panel,.result-hero{box-shadow:none;break-inside:avoid}.result-hero{color:#111;background:white;border:2px solid #111}.result-hero .metric-card{color:#111;background:#f2f2f2}.result-hero .metric-card span{color:#555}}


/* ===== V2.1 image-led public homepage ===== */
.hero-with-image{
  position:relative;
  isolation:isolate;
  max-width:none;
  min-height:760px;
  margin:0;
  padding:0;
  overflow:hidden;
  color:white;
  background:url("../images/hero-outdoor.jpg") center 46% / cover no-repeat;
}
.hero-with-image .hero-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(9,29,18,.92) 0%,rgba(9,29,18,.75) 46%,rgba(9,29,18,.38) 100%),
    linear-gradient(180deg,rgba(9,29,18,.10),rgba(9,29,18,.30));
}
.hero-with-image .hero-inner{
  width:min(1192px,calc(100% - 48px));
  min-height:760px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.45fr .75fr;
  align-items:center;
  gap:54px;
  padding:84px 0;
}
.hero-with-image .hero-copy h1{
  margin:12px 0 24px;
  max-width:860px;
  color:white;
  font-size:clamp(3.1rem,7vw,6.5rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.hero-with-image .lead{
  max-width:750px;
  color:rgba(255,255,255,.82);
}
.hero-eyebrow{color:#e6c66e}
.hero-primary{background:#dcb75f;color:#173522}
.hero-primary:hover{background:#ebcb7a}
.hero-secondary{
  color:white;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.46);
  backdrop-filter:blur(8px);
}
.hero-secondary:hover{background:rgba(255,255,255,.18)}
.hero-with-image .hero-points span{
  color:white;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(6px);
}
.hero-card-glass{
  color:var(--ink);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
}

.assessment-priority{
  max-width:none;
  padding-left:max(24px,calc((100% - 1192px)/2));
  padding-right:max(24px,calc((100% - 1192px)/2));
  background:linear-gradient(180deg,#f5f7f2,#edf2eb);
}
.assessment-intro-grid{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:24px;
  align-items:stretch;
}
.assessment-photo-card{
  position:relative;
  min-height:620px;
  overflow:hidden;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.assessment-photo-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.assessment-photo-card::after{
  content:"";
  position:absolute;
  inset:40% 0 0;
  background:linear-gradient(transparent,rgba(9,29,18,.88));
}
.assessment-photo-caption{
  position:absolute;
  z-index:1;
  left:28px;
  right:28px;
  bottom:28px;
  color:white;
}
.assessment-photo-caption span{
  display:block;
  margin-bottom:8px;
  color:#e7ca77;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.16em;
}
.assessment-photo-caption strong{
  display:block;
  max-width:440px;
  font-size:clamp(1.6rem,3vw,2.5rem);
  line-height:1.15;
}
.assessment-priority .assessment-shell{max-width:none}
.assessment-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:24px 0;
}
.assessment-benefits div{
  padding:14px;
  border-radius:14px;
  background:var(--surface-2);
}
.assessment-benefits strong{
  display:block;
  margin-bottom:5px;
  color:var(--brand);
}
.assessment-benefits span{
  color:var(--muted);
  font-size:.88rem;
}

.guide-section{padding-top:94px;padding-bottom:94px}
.guide-layout{
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);
  gap:72px;
  align-items:center;
}
.guide-image-wrap{position:relative}
.guide-image-wrap::before{
  content:"";
  position:absolute;
  top:24px;
  left:-24px;
  width:100%;
  height:100%;
  border:1px solid var(--brand);
  border-radius:28px;
  opacity:.28;
}
.guide-image{
  position:relative;
  display:block;
  width:100%;
  min-height:600px;
  max-height:760px;
  object-fit:cover;
  object-position:center;
  border-radius:28px;
  box-shadow:var(--shadow);
}
.replace-photo-note{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:2;
  padding:10px 12px;
  border-radius:10px;
  color:white;
  background:rgba(12,35,22,.78);
  font-size:.78rem;
  backdrop-filter:blur(6px);
}
.guide-content h2{
  margin:8px 0 24px;
  font-size:clamp(2.3rem,5vw,4.35rem);
  line-height:1.07;
  letter-spacing:-.04em;
}
.guide-content>p{color:var(--muted)}
.guide-content .guide-lead{
  color:var(--ink);
  font-size:1.16rem;
  font-weight:800;
}
.guide-highlights{display:grid;margin:28px 0}
.guide-highlights>div{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:18px;
  padding:15px 0;
  border-top:1px solid var(--line);
}
.guide-highlights strong{color:var(--brand)}
.guide-highlights span{color:var(--muted)}

.services-section{max-width:none}
.gallery-section{padding-top:92px;padding-bottom:92px}
.visual-gallery{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  grid-template-rows:repeat(2,280px);
  gap:16px;
}
.gallery-item{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:var(--surface-2);
}
.gallery-large{grid-row:1/3}
.gallery-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item::after{
  content:"";
  position:absolute;
  inset:38% 0 0;
  background:linear-gradient(transparent,rgba(8,25,15,.86));
}
.gallery-item figcaption{
  position:absolute;
  z-index:1;
  left:24px;
  bottom:20px;
  color:white;
}
.gallery-item figcaption span{
  display:block;
  color:#e6ca77;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
}
.gallery-item figcaption strong{
  display:block;
  margin-top:4px;
  font-size:1.25rem;
}
.about-guidance{padding-top:100px;padding-bottom:100px}

@media(max-width:980px){
  .hero-with-image .hero-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding:100px 0 70px;
  }
  .hero-with-image{min-height:auto}
  .assessment-intro-grid,.guide-layout{grid-template-columns:1fr}
  .assessment-photo-card{min-height:440px}
  .guide-layout{gap:40px}
  .guide-image{min-height:440px;max-height:620px}
}
@media(max-width:650px){
  .hero-with-image .hero-inner{
    width:calc(100% - 28px);
    padding:72px 0 52px;
  }
  .hero-with-image .hero-copy h1{font-size:2.8rem}
  .assessment-priority{padding-left:14px;padding-right:14px}
  .assessment-photo-card{min-height:360px}
  .assessment-benefits{grid-template-columns:1fr}
  .guide-image-wrap::before{display:none}
  .guide-image{min-height:390px}
  .guide-highlights>div{grid-template-columns:1fr;gap:3px}
  .visual-gallery{
    grid-template-columns:1fr;
    grid-template-rows:none;
  }
  .gallery-item,.gallery-large{
    height:300px;
    grid-row:auto;
  }
}


/* ===== FAQ ===== */
.faq-section{
  padding-top:96px;
  padding-bottom:96px;
}
.faq-list{
  display:grid;
  gap:14px;
  max-width:980px;
  margin:0 auto;
}
.faq-item{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 12px 35px rgba(24,46,31,.06);
}
.faq-item summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:22px 24px;
  list-style:none;
  font-size:1.08rem;
  font-weight:850;
  cursor:pointer;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-icon{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  color:white;
  background:var(--brand);
  font-size:1.2rem;
  transition:transform .2s ease;
}
.faq-item[open] .faq-icon{
  transform:rotate(45deg);
}
.faq-answer{
  padding:0 24px 22px;
  color:var(--muted);
}
.faq-answer p{
  margin:0;
}
@media(max-width:650px){
  .faq-section{
    padding-top:64px;
    padding-bottom:64px;
  }
  .faq-item summary{
    padding:18px;
    font-size:1rem;
  }
  .faq-answer{
    padding:0 18px 18px;
  }
}


.preserve-lines{white-space:pre-line}

/* ===== Homepage CMS ===== */
.content-editor-section{
  margin-bottom:18px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 12px 35px rgba(24,46,31,.05);
}
.content-editor-section h2{
  margin:0 0 6px;
}
.content-editor-section>p{
  margin:0 0 20px;
  color:var(--muted);
}
.content-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.content-editor-grid .full{
  grid-column:1/-1;
}
.content-editor-grid label{
  display:block;
  font-weight:750;
}
.content-editor-grid label .input{
  margin-top:6px;
}
.content-help{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:400;
}
.image-editor{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  align-items:start;
  padding:16px;
  border:1px dashed #b7c4b9;
  border-radius:14px;
  background:#f7f9f5;
}
.image-preview{
  width:180px;
  height:130px;
  object-fit:cover;
  border-radius:12px;
  background:var(--surface-2);
}
.image-editor-controls{
  display:grid;
  gap:9px;
}
.image-upload-row{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}
.upload-status{
  color:var(--muted);
  font-size:.82rem;
}
.gallery-editor-item{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:150px repeat(3,minmax(0,1fr));
  gap:12px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8faf7;
}
.gallery-editor-item .image-preview{
  width:150px;
  height:120px;
}

/* ===== FAQ CMS ===== */
.faq-admin-item{
  margin-bottom:12px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 10px 28px rgba(24,46,31,.05);
}
.faq-admin-item.dragging{opacity:.45}
.faq-admin-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.faq-admin-header .drag-handle{
  font-size:1.3rem;
}
.faq-admin-header strong{flex:1}
.faq-admin-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.faq-admin-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:10px;
}

@media(max-width:800px){
  .content-editor-grid{grid-template-columns:1fr}
  .image-editor{grid-template-columns:1fr}
  .image-preview{width:100%;height:220px}
  .gallery-editor-item{grid-template-columns:1fr}
  .gallery-editor-item .image-preview{width:100%;height:220px}
}