/* ============================================================
   THEME.CSS — 디자인 제어 파일
   · :root 토큰(색·폰트·라운드)만 바꿔도 전체 톤이 바뀝니다.
   · 세부는 아래 컴포넌트 규칙을 편집하세요.
   ============================================================ */
/* Shrine brand fonts (self-hosted) */
@font-face{font-family:'Louize';src:url('fonts/louize.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Louize';src:url('fonts/louize-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:'Louize Display';src:url('fonts/louize-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Baton Turbo';src:url('fonts/baton-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Baton Turbo';src:url('fonts/baton-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Baton Turbo';src:url('fonts/baton-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
:root{
  --paper:#e9e1d0; --cream:#fbf8f1; --line:#d8c9a8; --gold:#b89b5e; --gold-dk:#8a6f37;
  --ink:#2c2620; --ink2:#6b6253; --good:#1d6fb8; --bad:#c0392b; --misc:#a39a88;
  --ming:#fbeecb; --shen:#e8f0e3; --focus:#fff5d8; --trine:#eaf2fb;
  --lu:#1a9e5f; --quan:#d9730d; --ke:#2f6fdb; --ji:#b3271e;
  /* Fonts — Latin; Korean/CJK fall back automatically */
  --font-serif:'Louize','Nanum Myeongjo','Noto Serif KR',Georgia,serif;
  --font-display:'Louize Display','Louize','Nanum Myeongjo','Noto Serif KR',serif;
  --font-sans:'Baton Turbo','Apple SD Gothic Neo','Pretendard','Malgun Gothic','Noto Sans KR',system-ui,sans-serif;
  /* Shape & layout */
  --radius:12px; --radius-pill:999px; --maxw:920px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-sans);
  font-size:15px;line-height:1.5;padding:18px;}
.wrap{max-width:920px;margin:0 auto;}
.serif{font-family:var(--font-serif);}
.hd{text-align:center;margin:4px 0 16px;position:relative;}
.hd h1{font-family:var(--font-serif);font-size:26px;margin:0;letter-spacing:.5px;}
.hd h1 .hh{font-size:18px;color:var(--gold-dk);font-weight:400;margin-left:6px;}
.hh{display:none;} .lang-en .hh{display:inline;}
.hd .sub{margin:4px 0 0;color:var(--ink2);font-size:13px;}
.lang-toggle{position:absolute;top:0;right:0;display:flex;border:1px solid var(--gold);border-radius:8px;overflow:hidden;}
.lang-toggle button{font:inherit;font-size:12px;font-weight:600;border:none;background:#fff;color:var(--gold-dk);padding:5px 11px;cursor:pointer;}
.lang-toggle button.on{background:var(--gold-dk);color:#fff;}
.intro-note{background:#fbf6ea;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:11px 15px;margin:0 0 16px;font-size:12.5px;line-height:1.75;color:var(--ink2);}
.intro-note strong{color:var(--gold-dk);}
.intro-note a{color:var(--gold-dk);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold);}
.ft p{margin:4px 0;}
.ft .ft-basis{color:var(--gold-dk);}
.ft .ft-dim{opacity:.7;font-size:11px;}

.panel{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px 16px;
  box-shadow:0 1px 0 #fff inset, 0 2px 8px rgba(120,100,60,.08);}
.frow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin-bottom:10px;}
.frow:last-child{margin-bottom:0;}
.fld{display:flex;flex-direction:column;font-size:12px;color:var(--ink2);gap:3px;}
.fld.chk,.chk{flex-direction:row;align-items:center;gap:5px;font-size:13px;color:var(--ink);}
.fld input,.fld select{font:inherit;font-size:14px;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:7px;padding:6px 8px;min-width:64px;}
.fld.name input{min-width:120px;}
input[type=time]{min-width:110px;}
input[type=number]{width:96px;}
.seg{border:1px solid var(--line);border-radius:8px;padding:4px 10px 6px;margin:0;display:flex;gap:10px;align-items:center;}
.seg legend{font-size:11px;color:var(--ink2);padding:0 4px;}
.seg label{display:flex;align-items:center;gap:4px;font-size:13px;}
.leap{transition:opacity .15s;}
.town-fld{position:relative;}
.town-fld input{min-width:190px;}
.town-fld input:disabled{background:#f2ede2;color:#b3a894;}
.town-sug{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;max-height:230px;overflow-y:auto;box-shadow:0 8px 16px rgba(120,100,60,.16);}
.town-sug .ts{padding:6px 10px;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.town-sug .ts:hover,.town-sug .ts.on{background:#f3ece0;}
.adv{margin:10px 0;border-top:1px dashed var(--line);padding-top:8px;}
.adv summary{cursor:pointer;font-size:12.5px;color:var(--gold-dk);}
.adv .note{font-size:11px;color:var(--ink2);align-self:center;max-width:340px;}
.opts{padding-top:10px;border-top:1px dashed var(--line);}
.btn{font:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--gold-dk);
  border:none;border-radius:8px;padding:8px 18px;cursor:pointer;margin-left:auto;}
.btn:hover{background:#765e2d;}
.btn.ghost{background:#fff;color:var(--gold-dk);border:1px solid var(--gold);margin-left:8px;}

.warn{background:#fff4e0;border:1px solid #e8c483;color:#8a5a13;border-radius:9px;
  padding:9px 13px;font-size:13px;margin:14px 0;}

.board{margin-top:16px;}
.grid-scroll{overflow-x:auto;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);
  aspect-ratio:1/1;min-width:680px;border:2px solid var(--gold);background:var(--cream);position:relative;}
.palace{position:relative;border:1px solid var(--line);padding:6px 7px;display:flex;flex-direction:column;
  justify-content:space-between;overflow:hidden;cursor:pointer;min-height:0;transition:background .12s,box-shadow .12s;}
.palace:hover{background:#fdfbf4;}
.palace.is-ming{background:var(--ming);}
.palace.trine{background:var(--trine);}
.palace.is-ming.trine{background:#f4eecb;}
.palace.focus{box-shadow:inset 0 0 0 3px var(--gold);background:var(--focus);z-index:2;}

.pstars{display:flex;flex-direction:column;gap:2px;}
.majors{display:flex;flex-wrap:wrap;gap:3px 7px;}
.minors{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:1px;}
.adjs{display:flex;flex-wrap:wrap;gap:1px 5px;margin-top:2px;}
.star{display:inline-flex;align-items:baseline;white-space:nowrap;}
.sname{font-size:13px;}
.st-major .sname{font-size:14.5px;font-weight:700;font-family:var(--font-serif);color:var(--ink);}
.lang-en .st-major .sname{font-size:13px;}
.lang-en .sname{font-size:11.5px;}
.st-good .sname{color:var(--good);font-weight:600;}
.st-bad .sname{color:var(--bad);font-weight:600;}
.st-misc .sname{color:var(--misc);font-size:11px;}
.lang-en .st-misc .sname{font-size:9.5px;}
.hanja{font-size:9.5px;color:var(--ink2);margin-left:1px;opacity:.75;}
.st-misc .hanja{font-size:8.5px;}
.bright{font-size:9px;margin-left:1px;font-weight:700;}
.lang-en .bright{font-size:8px;}
.b-hi{color:var(--lu);} .b-mid{color:var(--ink2);} .b-lo{color:var(--bad);}
.mut{display:inline-block;font-size:9.5px;font-weight:700;color:#fff;border-radius:3px;
  padding:0 3px;margin-left:2px;line-height:1.4;transform:translateY(-1px);}
.m-lu{background:var(--lu);} .m-quan{background:var(--quan);} .m-ke{background:var(--ke);} .m-ji{background:var(--ji);}
.empty{color:#cfc3a6;}
.snm{display:inline;} .smeta{display:inline;}
/* 영어 명반: 주성은 세로로, 밝기·사화는 이름 아랫줄 */
.lang-en .majors{flex-direction:column;gap:3px;}
.lang-en .star{flex-direction:column;align-items:flex-start;white-space:normal;}
.lang-en .st-major .sname{white-space:normal;line-height:1.2;display:inline-block;}
.lang-en .smeta{display:block;margin-top:1px;}
.lang-en .minors .star,.lang-en .adjs .star{flex-direction:row;align-items:baseline;}
.lang-en .minors .smeta,.lang-en .adjs .smeta{display:inline;margin-top:0;}

.pmeta{margin-top:4px;font-size:10px;color:var(--ink2);}
.sinsal{display:flex;flex-wrap:wrap;gap:2px 6px;margin-bottom:3px;font-size:9.5px;color:#8a7f68;}
.sinsal b{color:var(--gold-dk);font-weight:600;}
.prow{display:flex;justify-content:space-between;align-items:baseline;}
.decadal{font-size:10px;color:var(--ink2);}
.pname{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--ink);}
.lang-en .pname{font-size:12.5px;}
.pn-ming{color:var(--gold-dk);}
.shen-badge{position:absolute;top:3px;right:4px;font-size:9px;background:#5b7a4a;color:#fff;
  border-radius:3px;padding:0 3px;font-family:serif;}
.prow2{display:flex;justify-content:space-between;align-items:baseline;margin-top:1px;}
.ganji{font-family:var(--font-serif);font-size:11px;color:var(--ink);letter-spacing:1px;}
.ages{font-size:9px;color:#a99e84;}

.center{grid-column:2/4;grid-row:2/4;border:1px solid var(--line);background:#fdfaf2;
  padding:12px 14px;display:flex;flex-direction:column;justify-content:center;}
.c-title{font-family:var(--font-serif);font-size:17px;font-weight:700;
  text-align:center;margin-bottom:8px;color:var(--gold-dk);}
.c-info{width:100%;border-collapse:collapse;font-size:12px;}
.c-info th{text-align:left;color:var(--ink2);font-weight:600;width:54px;padding:2.5px 6px 2.5px 0;vertical-align:top;white-space:nowrap;}
.lang-en .c-info th{width:78px;}
.c-info td{padding:2.5px 0;color:var(--ink);}
.c-info .saju{font-family:var(--font-serif);letter-spacing:1.5px;font-size:13px;}

.legend{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:11px;color:var(--ink2);margin:12px 2px 0;}
.lg{font-weight:600;}
.lg.st-major{color:var(--ink);} .lg.st-good{color:var(--good);} .lg.st-bad{color:var(--bad);} .lg.st-misc{color:var(--misc);}
.lg.mut{color:#fff;border-radius:3px;padding:0 5px;}
.legend .tip{margin-left:auto;color:var(--gold-dk);font-style:italic;}
.ft{max-width:920px;margin:18px auto 0;font-size:11.5px;color:var(--ink2);line-height:1.6;text-align:center;}
.ft code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px;}
@media(max-width:560px){ body{padding:10px;} .btn{margin-left:0;} .opts{gap:8px;} }

/* ===== 운한(運限) ===== */
.unhan-panel{margin-top:14px;}
.uhrow{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:9px;}
.uhrow:last-child{margin-bottom:0;}
.uh-title{font-family:var(--font-serif);font-size:16px;color:var(--gold-dk);margin-right:4px;}
.uh-title small{font-weight:400;font-size:12px;}
.unav{display:flex;flex-wrap:wrap;gap:4px;}
.unav button{font:inherit;font-size:12px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:3px 8px;cursor:pointer;}
.unav button:hover{background:#f3ecdb;}
.uhrow .lbl{font-size:12px;color:var(--ink2);min-width:32px;}
.layers .chk{font-size:13px;font-weight:600;border-radius:6px;padding:2px 7px;background:#fff;border:1px solid var(--line);}
.layers .lv-dae{color:#8a6f37;} .layers .lv-yr{color:#c0392b;} .layers .lv-mo{color:#138a72;}
.layers .lv-day{color:#2f6fdb;} .layers .lv-hr{color:#7d4ea3;}
.dae-chips{display:flex;flex-wrap:wrap;gap:5px;}
.dchip{font:inherit;font-size:11px;border:1px solid var(--gold);color:var(--gold-dk);background:#fff;border-radius:12px;padding:2px 9px;cursor:pointer;}
.dchip small{color:var(--ink2);}
.dchip:hover{background:#f6efdd;}
.usum{font-size:12px;color:var(--ink);background:#fbf6ea;border:1px solid var(--line);border-radius:8px;padding:7px 11px;line-height:1.6;}
.usum.err{background:#fff4e0;border-color:#e8c483;color:#8a5a13;}

/* palace overlays */
.unhan{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:3px;}
.uchip{font-size:9.5px;font-weight:700;color:#fff;border-radius:3px;padding:0 4px;line-height:1.55;}
.uchip.lv-dae{background:#8a6f37;} .uchip.lv-yr{background:#c0392b;} .uchip.lv-mo{background:#138a72;}
.uchip.lv-day{background:#2f6fdb;} .uchip.lv-hr{background:#7d4ea3;}
.flowstars{display:flex;flex-wrap:wrap;gap:2px 5px;margin-top:2px;}
.ftag{font-size:9px;padding:0 3px;border-radius:3px;background:#efeadd;}
.ftag.lv-dae{color:#8a6f37;} .ftag.lv-yr{color:#c0392b;} .ftag.lv-mo{color:#138a72;}
.ftag.lv-day{color:#2f6fdb;} .ftag.lv-hr{color:#7d4ea3;}
.fmut{display:inline-block;font-size:9px;font-weight:700;border-radius:3px;padding:0 3px;margin-left:2px;background:#fff;border:1.3px solid #999;transform:translateY(-1px);}
.fmut.lv-dae{color:#8a6f37;border-color:#8a6f37;} .fmut.lv-yr{color:#c0392b;border-color:#c0392b;}
.fmut.lv-mo{color:#138a72;border-color:#138a72;} .fmut.lv-day{color:#2f6fdb;border-color:#2f6fdb;}
.fmut.lv-hr{color:#7d4ea3;border-color:#7d4ea3;}

/* ===== 궁간 사화(飛星) ===== */
.fly-ctrl{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#fdfaf2;
  border:1px solid var(--line);border-radius:9px;padding:8px 12px;margin-bottom:10px;font-size:13px;}
.fly-ctrl .chk{font-weight:600;display:flex;align-items:center;gap:5px;}
.fly-ctrl .seg-mode,.fly-ctrl .fly-types{display:flex;gap:8px;align-items:center;color:var(--ink2);font-size:12px;}
.fly-ctrl .seg-mode label,.fly-ctrl .fly-types label{display:flex;align-items:center;gap:3px;}
.fly-hint{color:var(--gold-dk);font-size:11.5px;font-style:italic;margin-left:auto;}
.flyLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;}
.zihua-wrap{position:absolute;left:4px;bottom:3px;display:flex;gap:2px;flex-wrap:wrap;max-width:62%;z-index:3;}
.zihua{font-size:8.5px;font-weight:700;color:#fff;border-radius:3px;padding:0 3px;line-height:1.5;}

/* ===== 운반(프레임) & 도구 ===== */
.frame-seg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;}
.frame-seg label{display:flex;align-items:center;gap:3px;}
.frame-note{font-size:11.5px;color:var(--gold-dk);font-style:italic;}
.pname-sub{font-size:9px;color:var(--ink2);margin-left:3px;font-weight:400;font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;}
.palace.is-frame .pname{color:#8a3a8a;}
.ganji.gz-frame{color:#8a3a8a;font-weight:700;}
.board-tools{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.btn.small{padding:5px 13px;font-size:13px;margin-left:0;}
.png-msg{font-size:12px;color:var(--ink2);}

/* ===== 해설 패널 ===== */
.interp-panel{margin-top:16px;}
.interp-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.ip-title{font-family:var(--font-serif);font-size:16px;color:var(--gold-dk);}
.ip-title small{font-weight:400;font-size:12px;}
.ip-sub{font-size:14px;color:var(--ink);font-weight:700;}
.interp-body{display:flex;flex-direction:column;gap:11px;}
.ip-domain{font-size:12.5px;color:var(--ink2);background:#fbf6ea;border:1px solid var(--line);border-radius:8px;padding:8px 11px;}
.ip-domain b{color:var(--ink);}
.ip-star{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fff;}
.ip-star-h{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:5px;}
.ip-star-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--ink);}
.ip-star-hanja{font-size:12px;color:var(--gold-dk);}
.ip-tag{font-size:10.5px;color:var(--ink2);background:#f3ece0;border-radius:4px;padding:1px 6px;}
.ip-key{font-size:11px;color:var(--good);font-weight:600;}
.ip-main{font-size:13.5px;color:var(--ink);line-height:1.75;}
.ip-note{font-size:12px;line-height:1.6;margin-top:5px;}
.ip-note.bright{color:#6b6253;}
.ip-note.mut{color:var(--gold-dk);font-weight:600;}
.ip-core{margin-top:7px;font-size:12px;color:var(--ink2);line-height:1.65;border-top:1px dashed var(--line);padding-top:6px;}
.ip-core b{color:var(--gold-dk);font-weight:600;}
.ip-borrow{font-size:12.5px;color:#8a5a13;background:#fff4e0;border:1px solid #e8c483;border-radius:8px;padding:8px 11px;line-height:1.6;}
.ip-borrow b{color:#6b4310;}
.interp-foot{font-size:11px;color:var(--ink2);margin-top:10px;font-style:italic;}
.ip-sec{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--gold-dk);margin:6px 0 2px;}
.ip-sec small{font-weight:400;color:var(--ink2);font-size:11px;margin-left:4px;}
.ip-synth{background:#fbf8f1;border:1px solid var(--line);border-radius:9px;padding:12px 14px;}
.ip-synth-p{font-size:13.5px;line-height:1.9;color:var(--ink);margin:0 0 8px;word-break:keep-all;}
.lang-en .ip-synth-p{word-break:normal;}
.ip-synth-p:last-child{margin-bottom:0;}
.ip-syn-block{display:flex;gap:9px;align-items:flex-start;}
.ip-syn-block + .ip-syn-block{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);}
.ip-syntag{flex:0 0 auto;font-size:10.5px;font-weight:700;color:#fff;border-radius:4px;padding:2px 7px;margin-top:3px;white-space:nowrap;}
.ip-syntag.t-sambang{background:#8a6f37;} .ip-syntag.t-sahwa{background:#2f6fdb;}
.ip-syntag.t-salsung{background:#c0392b;} .ip-syntag.t-jahwa{background:#7d4ea3;}
.ip-syn-body{flex:1 1 auto;min-width:0;}
.ip-more-btn{font:inherit;font-size:12px;color:var(--gold-dk);background:#fff;border:1px solid var(--gold);border-radius:20px;padding:4px 14px;cursor:pointer;align-self:flex-start;}
.ip-more-btn:hover{background:#f6efdd;}

/* ===== 구독 패널 ===== */
.sub-panel{margin-top:24px;border-radius:18px;overflow:hidden;position:relative;
  background:radial-gradient(130% 130% at 50% -10%, #fefaf0 0%, #f7efdb 55%, #efe3c4 100%);
  border:1px solid var(--gold);box-shadow:0 8px 28px rgba(140,111,55,.16);}
.sub-panel::before,.sub-panel::after{content:'';position:absolute;top:0;bottom:0;width:38px;pointer-events:none;
  background:linear-gradient(90deg, rgba(184,155,94,.10), transparent);}
.sub-panel::after{right:0;transform:scaleX(-1);}
.sub-inner{max-width:620px;margin:0 auto;padding:38px 26px 32px;text-align:center;position:relative;}
.sub-mark{font-size:16px;color:var(--gold);letter-spacing:8px;margin-bottom:8px;}
.sub-h{font-family:var(--font-serif);font-size:25px;color:var(--gold-dk);margin:0 0 12px;letter-spacing:.5px;}
.sub-copy{font-size:14.5px;line-height:1.9;color:var(--ink);max-width:500px;margin:0 auto 22px;word-break:keep-all;}
.lang-en .sub-copy{word-break:normal;}
.sub-form{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;}
.sub-form input{font:inherit;font-size:15px;padding:12px 16px;border:1px solid var(--gold);border-radius:11px;background:#fff;min-width:250px;color:var(--ink);}
.sub-form input:focus{outline:none;border-color:var(--gold-dk);box-shadow:0 0 0 3px rgba(184,155,94,.22);}
.sub-btn{font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--gold-dk);border:none;border-radius:11px;padding:12px 28px;cursor:pointer;transition:background .15s;}
.sub-btn:hover{background:#6f5828;}
.sub-msg{margin:15px 0 0;font-size:13.5px;color:var(--gold-dk);font-weight:600;}
.sub-fine{margin:13px 0 0;font-size:11.5px;color:var(--ink2);}
@media(max-width:520px){ .sub-inner{padding:30px 18px 26px;} .sub-form input{min-width:0;flex:1 1 200px;} .sub-h{font-size:22px;} }

/* Shrine brand — Louize Display for large headings */
.hd h1,.c-title,.sub-h{font-family:var(--font-display);font-weight:400;}
/* READABILITY-OVERRIDES */
/* 그리드 라벨 — 크게, 가독성 (영어 + Baton Turbo) */
.bright{font-size:10px;}
.lang-en .bright{font-size:12px;vertical-align:baseline;font-weight:600;letter-spacing:.2px;}
.mut{font-size:10px;}
.fmut{font-size:9.5px;}
.uchip{font-size:10px;}
.ftag{font-size:9.5px;}
.zihua{font-size:9.5px;}
.lang-en .sname{font-size:12px;}
.lang-en .st-misc .sname{font-size:10.5px;}
.decadal,.ages{font-size:10px;}
/* 해설 주석 — 그리드 라벨 클래스 충돌 해제 + 가독성 */
.ip-note{font-size:13px;line-height:1.7;}
.ip-note.bright{font-size:13px;color:#5b5346;font-weight:400;vertical-align:baseline;}
.ip-note.mut{font-size:13px;display:block;color:var(--gold-dk);font-weight:600;background:none;border:none;padding:0;border-radius:0;transform:none;line-height:1.7;}
.ip-core{font-size:12.5px;line-height:1.7;}
.ip-tag{font-size:11px;}