.srv{
  --srv-card:var(--card,var(--panel,#fff));
  --srv-bg:var(--bg,#f5f5f4);
  --srv-cell:var(--cell-bg,#fafaf9);
  --srv-line:var(--line,#e7e5e2);
  --srv-ink:var(--ink,#222);
  --srv-sub:var(--sub,#8a8580);
  --srv-title:var(--heading,#1f2a44);
  --srv-green:#2f6f5e;
  --srv-red:#c8442e;
  --srv-gold:#b8893b;
  --srv-navy:#1f2a44;
  color:var(--srv-ink);
  margin:0 0 16px;
}
.srv.srv-dark{
  --srv-card:#121b2c;
  --srv-bg:#0c1320;
  --srv-cell:#0e1828;
  --srv-line:#243348;
  --srv-ink:#e8e2d0;
  --srv-sub:#8294ab;
  --srv-title:#f2ead4;
  --srv-green:#5fc98a;
  --srv-red:#e0654f;
  --srv-gold:#c9a227;
  --srv-navy:#263a5c;
}
.srv *{box-sizing:border-box}
.srv-hero{
  position:relative;overflow:hidden;border-radius:18px;padding:18px;
  margin:0 0 12px;color:#fff;
  background:linear-gradient(135deg,#17233d,#344a72);
  box-shadow:0 5px 18px rgba(31,42,68,.16);
}
.srv-gusu .srv-hero{background:linear-gradient(135deg,#241c3f,#544176 62%,#80662a)}
.srv-hero::after{
  content:"";position:absolute;width:145px;height:145px;border-radius:50%;
  right:-55px;top:-70px;border:24px solid rgba(255,255,255,.06)
}
.srv-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:1.7px;opacity:.7}
.srv-hero-title{font-size:20px;font-weight:850;margin-top:6px;letter-spacing:-.3px}
.srv-hero-sub{font-size:12px;line-height:1.6;opacity:.83;margin-top:5px}
.srv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;position:relative;z-index:1}
.srv-kpi{padding:9px 8px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);min-width:0}
.srv-kpi span{display:block;font-size:9.5px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srv-kpi b{display:block;font-size:13.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.srv-card{
  background:var(--srv-card);border:1px solid var(--srv-line);border-radius:16px;
  padding:15px;margin:0 0 10px;box-shadow:0 1px 5px rgba(0,0,0,.04);min-width:0
}
.srv-grid>*,.srv-grid>.srv-card{margin:0;min-width:0}
.srv-card-title{display:flex;align-items:center;gap:8px;color:var(--srv-title);font-size:14px;font-weight:850;margin-bottom:11px}
.srv-card-title i{
  width:27px;height:27px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  font-style:normal;background:rgba(47,111,94,.1);color:var(--srv-green);font-size:14px
}
.srv-card-note{font-size:10.5px;color:var(--srv-sub);line-height:1.55;margin-top:9px}
.srv-bar-row{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;margin:8px 0}
.srv-bar-label{font-size:11.5px;font-weight:800;color:var(--srv-ink)}
.srv-track{height:11px;border-radius:8px;background:var(--srv-cell);overflow:hidden;border:1px solid var(--srv-line)}
.srv-fill{display:block;height:100%;min-width:3px;border-radius:8px}
.srv-bar-value{text-align:right;font-size:11px;color:var(--srv-sub);font-weight:700}
.srv-compare-row{display:grid;grid-template-columns:28px 1fr 1fr;gap:6px;align-items:center;margin:8px 0}
.srv-compare-row .srv-track:nth-of-type(1){transform:scaleX(-1)}
.srv-compare-head{display:grid;grid-template-columns:28px 1fr 1fr;gap:6px;font-size:10px;color:var(--srv-sub);text-align:center;margin-bottom:5px}
.srv-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.srv-pillar{position:relative;text-align:center;padding:10px 4px;border:1px solid var(--srv-line);border-radius:12px;background:var(--srv-cell)}
.srv-pillar.day{border-color:var(--srv-gold);box-shadow:inset 0 0 0 1px var(--srv-gold)}
.srv-pillar-label{font-size:9.5px;color:var(--srv-sub);margin-bottom:5px}
.srv-pillar-gz{font-family:"Noto Serif KR",serif;font-size:23px;line-height:1.1;color:var(--srv-title)}
.srv-pillar-meta{font-size:9px;color:var(--srv-sub);margin-top:5px;line-height:1.35;min-height:24px}
.srv-gauge{height:13px;border-radius:10px;background:linear-gradient(90deg,#5487bb,#8aa5bb 28%,#d5be78 50%,#d27b58 74%,#b53b31);position:relative;margin:24px 4px 8px}
.srv-gauge-mark{position:absolute;width:4px;height:23px;background:var(--srv-title);border:2px solid var(--srv-card);border-radius:3px;top:-5px;transform:translateX(-50%);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.srv-gauge-labels{display:flex;justify-content:space-between;color:var(--srv-sub);font-size:9px}
.srv-chips{display:flex;gap:6px;flex-wrap:wrap}
.srv-chip{font-size:10.5px;font-weight:750;color:var(--srv-title);background:var(--srv-cell);border:1px solid var(--srv-line);border-radius:10px;padding:5px 8px;line-height:1.35}
.srv-chip.good{color:var(--srv-green);border-color:rgba(47,111,94,.35);background:rgba(47,111,94,.08)}
.srv-chip.bad{color:var(--srv-red);border-color:rgba(200,68,46,.35);background:rgba(200,68,46,.08)}
.srv-chip.gold{color:var(--srv-gold);border-color:rgba(184,137,59,.4);background:rgba(184,137,59,.09)}
.srv-flow{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x proximity;max-width:100%;min-width:0}
.srv-flow::-webkit-scrollbar{height:3px}.srv-flow::-webkit-scrollbar-thumb{background:var(--srv-line)}
.srv-flow-item{flex:0 0 92px;min-height:116px;border:1px solid var(--srv-line);border-radius:13px;background:var(--srv-cell);padding:10px 8px;text-align:center;scroll-snap-align:start}
.srv-flow-item.current{border-color:var(--srv-gold);box-shadow:inset 0 0 0 1px var(--srv-gold);background:rgba(184,137,59,.08)}
.srv-flow-item.good{border-color:rgba(47,111,94,.42)}
.srv-flow-year{font-size:10px;color:var(--srv-sub);font-weight:750}
.srv-flow-gz{font-family:"Noto Serif KR",serif;font-size:20px;color:var(--srv-title);margin:7px 0 4px}
.srv-flow-text{font-size:10px;color:var(--srv-sub);line-height:1.45}
.srv-flow-tag{display:inline-block;margin-top:7px;border-radius:8px;padding:3px 6px;font-size:9px;font-weight:800;background:var(--srv-card);color:var(--srv-sub)}
.srv-flow-item.good .srv-flow-tag{color:var(--srv-green)}
.srv-months{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.srv-month{min-height:67px;border:1px solid var(--srv-line);background:var(--srv-cell);border-radius:11px;padding:8px 6px;text-align:center}
.srv-month.good{border-color:rgba(47,111,94,.45);background:rgba(47,111,94,.07)}
.srv-month.care{border-color:rgba(200,68,46,.3);background:rgba(200,68,46,.05)}
.srv-month b{display:block;font-size:12px;color:var(--srv-title)}
.srv-month span{display:block;font-size:9.5px;color:var(--srv-sub);line-height:1.35;margin-top:4px}
.srv-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.srv-weekday{text-align:center;font-size:9px;color:var(--srv-sub);padding-bottom:3px}
.srv-day{aspect-ratio:1;border:1px solid var(--srv-line);border-radius:9px;background:var(--srv-cell);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--srv-sub);position:relative}
.srv-day.empty{visibility:hidden}.srv-day.good{background:rgba(47,111,94,.1);color:var(--srv-green);border-color:rgba(47,111,94,.4);font-weight:800}
.srv-day.care{background:rgba(200,68,46,.09);color:var(--srv-red);border-color:rgba(200,68,46,.35);font-weight:800}
.srv-day.neutral{color:var(--srv-title)}
.srv-day small{position:absolute;right:3px;bottom:2px;font-size:6px}
.srv-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.srv-palace{aspect-ratio:1;border:1px solid var(--srv-line);border-radius:12px;background:var(--srv-cell);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.srv-palace.center{background:var(--srv-navy);color:#fff}
.srv-palace.good{border-color:var(--srv-green);box-shadow:inset 0 0 0 1px var(--srv-green)}
.srv-palace.bad{border-color:var(--srv-red);background:rgba(200,68,46,.08)}
.srv-palace.mine{box-shadow:inset 0 0 0 2px var(--srv-gold)}
.srv-palace-dir{font-size:9px;color:var(--srv-sub);position:absolute;top:6px}
.srv-palace.center .srv-palace-dir,.srv-palace.center .srv-palace-name{color:rgba(255,255,255,.72)}
.srv-palace-star{font-family:"Noto Serif KR",serif;font-size:23px;font-weight:800;color:var(--srv-title);margin-top:5px}
.srv-palace.center .srv-palace-star{color:#fff}.srv-palace.good .srv-palace-star{color:var(--srv-green)}.srv-palace.bad .srv-palace-star{color:var(--srv-red)}
.srv-palace-name{font-size:8.5px;color:var(--srv-sub);margin-top:2px}
.srv-palace-pin{position:absolute;bottom:4px;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:850;color:#fff;background:var(--srv-red);border-radius:6px;padding:2px 5px}
.srv-palace.good .srv-palace-pin{background:var(--srv-green)}
.srv-dirlist{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.srv-dirbox{border:1px solid var(--srv-line);border-radius:12px;padding:10px;background:var(--srv-cell)}
.srv-dirbox b{display:block;font-size:11px}.srv-dirbox span{display:block;font-size:12px;font-weight:850;margin-top:4px;line-height:1.45}
.srv-dirbox.good b,.srv-dirbox.good span{color:var(--srv-green)}
.srv-dirbox.bad b,.srv-dirbox.bad span{color:var(--srv-red)}
.srv-table{width:100%;border-collapse:collapse;font-size:11px}
.srv-table th{color:var(--srv-sub);font-weight:700;text-align:left;padding:7px 6px;border-bottom:1px solid var(--srv-line)}
.srv-table td{color:var(--srv-ink);padding:8px 6px;border-bottom:1px dashed var(--srv-line);vertical-align:top;line-height:1.45}
.srv-table tr:last-child td{border-bottom:0}
.srv-section-label{display:flex;align-items:center;gap:8px;color:var(--srv-sub);font-size:10px;font-weight:800;letter-spacing:.8px;margin:16px 3px 9px}
.srv-section-label::after{content:"";height:1px;background:var(--srv-line);flex:1}
.srv-md-card{background:var(--srv-card);border:1px solid var(--srv-line);border-radius:15px;padding:15px;margin-bottom:10px}
.srv-md-title{font-size:14.5px;font-weight:850;color:var(--srv-title);margin-bottom:9px}
.srv-md-body{font-size:13.5px;color:var(--srv-ink);line-height:1.82}
.srv-md-body p{margin:7px 0}.srv-md-row{display:flex;gap:7px;margin:5px 0}.srv-md-dot{color:var(--srv-gold);font-weight:900}
@media(max-width:390px){
  .srv-kpis{grid-template-columns:1fr 1fr}.srv-kpi:last-child{grid-column:1/-1}
  .srv-grid{grid-template-columns:1fr}
  .srv-months{grid-template-columns:repeat(3,1fr)}
  .srv-pillars{gap:4px}.srv-pillar-gz{font-size:20px}.srv-pillar-meta{font-size:8px}
}
@media print{
  .srv-card,.srv-hero{break-inside:avoid;box-shadow:none}
  .srv-flow{overflow:visible;display:grid;grid-template-columns:repeat(4,1fr)}
  .srv-flow-item{min-width:0}
}