/* 變身卡冊簡介，只作用在 .card-guide */
.card-guide{color:#e8e1d3;font-size:16px;line-height:1.7}
.card-guide p{margin:0}
.card-guide img{image-rendering:pixelated;max-width:none}
.card-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:20px;margin:0 0 34px;padding:24px;border:1px solid #6e5730;border-radius:6px;background:linear-gradient(120deg,#2c2418,#15181a 70%)}
.card-hero-icon{width:62px;height:58px}
.post-body .card-title{margin:0;color:#ffe3a3;font-size:30px;font-weight:600;line-height:1.3}
.card-tagline{margin-top:6px!important;color:#ded5c3;font-size:17px}
.card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.card-stat{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-left:1px solid #4d422f}
.card-stat-value{margin:0;color:#ffe3a3;font-size:32px;font-weight:600;line-height:1.2}
.card-stat-label{color:#cfc4ad;font-size:15px}
.card-section{margin:0 0 36px}
.post-body .card-heading{margin:0 0 16px;padding:0 0 0 12px;border:0;border-left:3px solid #d3a555;background:none;color:#ffe3a3;font-size:22px;font-weight:600;line-height:1.4}
.card-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.card-tier{--tier:#d7d9dd;margin:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--tier) 40%,#3a342a);border-top:3px solid var(--tier);border-radius:6px;background:#17191a}
.card-tier[data-tier=green]{--tier:#5fd47a}.card-tier[data-tier=blue]{--tier:#5aa8ff}.card-tier[data-tier=red]{--tier:#ff6262}.card-tier[data-tier=purple]{--tier:#c58bff}.card-tier[data-tier=gold]{--tier:#f2c94c}
.card-tier-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.card-tier-icon{width:auto;height:44px}
.card-tier-name{display:flex;flex-direction:column;line-height:1.35}
.card-tier-name strong{color:var(--tier);font-size:19px;font-weight:600}
.card-tier-name span{color:#cfc4ad;font-size:15px}
.card-tier-text{color:#e8e1d3;font-size:16px;line-height:1.6}
.card-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}
.card-step{display:flex;flex-direction:column;margin:0;padding:16px;border:1px solid #4d422f;border-radius:6px;background:#17191a}
.card-step-no{display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:50%;background:#5c4522;color:#ffe3a3;font-size:15px;font-weight:600;line-height:1}
.card-step-title{color:#f3ddb1;font-size:18px;font-weight:600}
.card-step-text{margin-top:4px!important;color:#e8e1d3;font-size:16px;line-height:1.6}
.card-alert{display:flex;gap:14px;padding:16px 18px;border:1px solid #a8483f;border-left:4px solid #ff6262;border-radius:6px;background:#2b1716}
.card-alert-mark{flex:0 0 28px;display:grid;place-items:center;height:28px;border-radius:50%;background:#ff6262;color:#1a0d0c;font-size:18px;font-weight:700;line-height:1}
.card-alert-text strong{display:block;color:#ffd5cf;font-size:19px;font-weight:600;line-height:1.5}
.card-alert-text p{color:#f0ded8;font-size:16px}
.card-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-side{margin:0;padding:16px 18px;border:1px solid #4d422f;border-top:3px solid #8a7c63;border-radius:6px;background:#17191a}
.card-side-good{border-top-color:#5fd47a}
.card-side-bad{border-top-color:#ff6262}
.post-body .card-side-title{margin:0 0 10px;padding:0;border:0;background:none;color:#f3ddb1;font-size:18px;font-weight:600}
.card-side-good .card-side-title{color:#7de396}
.card-side-bad .card-side-title{color:#ff8a82}
.card-side-list{margin:0}
.card-side-list div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid #2e2a22}
.card-side-list dt{flex:0 0 auto;color:#b6aa92;font-size:16px}
.card-side-list dd{margin:0;color:#f0e9db;font-size:16px;font-weight:600;text-align:right}
.card-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #4d422f;border-radius:6px;background:#17191a}
.card-item-icon{flex:0 0 auto;width:auto;height:48px}
.card-item strong{display:block;color:#f3ddb1;font-size:17px;font-weight:600}
.card-item p{color:#e8e1d3;font-size:16px;line-height:1.6}
.card-text{margin-top:12px!important;color:#cfc4ad;font-size:16px}
@media (max-width:760px){
  .card-hero{grid-template-columns:auto minmax(0,1fr);padding:18px}
  .card-stats{grid-column:1/-1}
  .card-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .card-tier{padding:12px}
  .card-tier-text{font-size:15px}
  .card-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:12px 14px}
  .card-step-no{grid-row:1/3;margin:2px 0 0}
  .card-step-text{margin-top:0!important}
  .card-steps,.card-compare,.card-items{grid-template-columns:minmax(0,1fr)}
}