@charset "UTF-8";

.pub-top{position:relative;z-index:40;flex:0 0 auto;display:flex;align-items:center;gap:18px;
  box-sizing:border-box;width:100%;height:62px;min-height:62px;max-height:62px;
  padding:0 clamp(18px,3.4vw,44px);margin:0;
  background:#0b111b;border-bottom:1px solid rgba(148,182,224,.12)}
.pub-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;flex-shrink:0;
  height:62px}
.pub-mark{width:30px;height:30px;color:#38bdf8;flex-shrink:0}
.pub-name{display:flex;flex-direction:column;line-height:1.15}
.pub-name b{font-size:16px;font-weight:700;letter-spacing:-.01em;color:#e9eef5;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.pub-name span{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#8b9cb0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.pub-nav{display:inline-flex;align-items:center;gap:2px;margin:0 auto;padding:4px;
  border-radius:999px;background:rgba(125,150,180,.09);border:1px solid rgba(148,182,224,.14)}
.pub-nav a{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:999px;
  color:#9db0c4;font-size:13.5px;text-decoration:none;white-space:nowrap;
  transition:color .16s ease,background .16s ease}
.pub-nav a:hover{color:#e9eef5;background:rgba(255,255,255,.05)}
.pub-nav a.on{background:rgba(56,189,248,.16);color:#7fd4fb}
.pub-enter{display:inline-flex;align-items:center;height:38px;padding:0 20px;border-radius:9px;
  gap:8px;border:1px solid rgba(148,182,224,.22);color:#c8d6e5;font-size:13.5px;text-decoration:none;
  flex-shrink:0;transition:background .16s ease,color .16s ease}
.pub-enter:hover{background:rgba(255,255,255,.06);color:#e9eef5}
.pub-enter svg{width:15px;height:15px;flex-shrink:0;opacity:.55}
.pub-me{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 13px 0 6px;
  border-radius:999px;border:1px solid rgba(148,182,224,.22);background:rgba(125,150,180,.09);
  color:#c8d6e5;font-size:13.5px;text-decoration:none;flex-shrink:0;max-width:210px;
  transition:background .16s ease,border-color .16s ease,color .16s ease}
.pub-me:hover{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.40);color:#e9eef5}
.pub-me-av{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:26px;height:26px;border-radius:50%;background:rgba(56,189,248,.18);color:#7fd4fb;
  font-size:12.5px;font-weight:700;font-style:normal}
.pub-me-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pub-me svg{width:15px;height:15px;flex-shrink:0;opacity:.55}
.pub-me:hover svg{opacity:1}
.pub-spacer{width:96px;flex-shrink:0}
.pub-top.is-solo .pub-enter,.pub-top.is-solo .pub-me{margin-left:auto}
.pub-foot{flex:0 0 auto;display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap;
  box-sizing:border-box;width:100%;padding:12px clamp(18px,3.4vw,44px);
  border-top:1px solid rgba(148,182,224,.10);background:#090e17}
.pub-foot-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pub-foot-links a{padding:6px 12px;border-radius:8px;color:#9db0c4;font-size:13px;text-decoration:none}
.pub-foot-links a:hover{color:#e9eef5;background:rgba(255,255,255,.05)}
.pub-foot-wa{display:inline-flex;align-items:center;gap:7px;color:#8ff0b5;font-size:13px;text-decoration:none}
.pub-foot-wa svg{width:15px;height:15px}
.pub-foot-wa:hover{color:#34d399}
.pub-foot-selo{margin-left:auto;font-size:11.5px;color:#66788f}
@media (max-width:900px){
  .pub-foot{padding:10px 14px;gap:8px 16px}
  .pub-foot-selo{margin-left:0;width:100%}
}
@media print{.pub-foot{display:none}}
.pub-shot{position:relative;overflow:hidden;background:#0a111c}
.pub-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pub-shot::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,11,19,0) 38%,rgba(7,11,19,.86) 100%)}

@media (max-width:900px){
  .pub-top{gap:10px;padding:0 14px}
  .pub-name span{display:none}
  .pub-nav a{padding:0 12px;font-size:12.5px}
  .pub-spacer{display:none}
}
@media (max-width:560px){
  .pub-name{display:none}
  .pub-nav{margin-left:auto;margin-right:0}
  .pub-enter{width:36px;padding:0;justify-content:center;gap:0}
  .pub-enter-nm{display:none}
  .pub-me{width:36px;padding:0;justify-content:center;gap:0}
  .pub-me-nm{display:none}
  .pub-me svg{display:none}
}
@media print{.pub-top{display:none}}