/* 「新幹線で富士山」 — design tokens
   空:    ベロ藍（北斎のプルシアンブルー）のぼかしグラデーション
   地:    雪白のカードと、青みの薄い紙
   差色:  茜。ピーク時刻と富士の印にのみ使う
   数字:  発車標の等幅数字 */
:root{
  --sky-deep:#0b1a36; --sky:#16294e; --sky-mid:#2e4a7d; --sky-low:#7d97c0; --horizon:#d8e2ee;
  --ground:#eef2f6; --snow:#fcfdfe; --ink:#152038; --ink-soft:#41506e;
  --akane:#d9442e; --akane-deep:#b4351f;
  --board:#0d1a33; --board-edge:#2c3f63; --board-text:#e8eef7; --mist:#8aa0c4;
  --rule:#ccd6e2; --rule-soft:#dde4ec;
  --d:"Shippori Mincho",serif;
  --b:"IBM Plex Sans JP","Hiragino Sans","Noto Sans KR","Noto Sans TC","Noto Sans SC",sans-serif;
  --m:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--b);color:var(--ink);background:var(--ground);line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:720px;margin:0 auto;padding:0 22px;position:relative;z-index:1}

/* ---- language bar ---- */
.langbar{background:var(--sky-deep);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.langbar .wrap{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}
.langbar a{color:#9db1d4;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.02em;
  padding:4px 11px;border-radius:3px;transition:color .15s,background .15s}
.langbar a:hover{color:#fff;background:rgba(255,255,255,.07)}
.langbar a[aria-current="true"]{color:#fff;background:rgba(217,68,46,.92)}

/* ---- top bar: ハンバーガー＋ブランド＋言語メニュー ---- */
.topbar{background:var(--sky-deep);border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:100}
.topbar-in{display:flex;align-items:center;gap:10px;height:46px;position:relative}
.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;
  padding:8px;background:transparent;border:0;border-radius:6px;cursor:pointer;flex:0 0 auto}
.menu-btn span{display:block;height:2px;width:100%;background:#cdd9ee;border-radius:2px;transition:transform .18s,opacity .18s}
.menu-btn:hover{background:rgba(255,255,255,.08)}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.topbrand{font-family:var(--d);font-weight:700;color:#fff;font-size:15px;letter-spacing:.1em}
.lang-btn{margin-left:auto;flex:0 0 auto;background:transparent;border:0;color:#cdd9ee;font-size:18px;
  line-height:1;cursor:pointer;padding:7px 9px;border-radius:6px}
.lang-btn:hover{background:rgba(255,255,255,.08)}
.menu,.langmenu{position:absolute;top:calc(100% + 6px);z-index:60;min-width:180px;padding:8px;
  background:#fff;border:1px solid var(--rule);border-radius:9px;box-shadow:0 18px 44px -12px rgba(13,26,51,.45)}
.menu{left:0}
.langmenu{right:0;left:auto;min-width:160px}
.menu[hidden],.langmenu[hidden]{display:none}
.menu-empty{font-size:12.5px;color:#8b96aa;padding:7px 10px;line-height:1.6}
.menu-langs{display:flex;flex-direction:column}
.menu-langs a{padding:9px 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500}
.menu-langs a:hover{background:var(--ground)}
.menu-langs a[aria-current="true"]{color:var(--akane);font-weight:700}

/* ---- hero: bokashi sky ---- */
.hero{position:relative;overflow:hidden;color:var(--snow);background:#0b1a36}
.hero-img{display:block;width:100%;height:auto;max-height:46vh;object-fit:cover;object-position:50% 40%}
.hero-copy{position:absolute;top:0;left:0;right:0;z-index:2;padding-top:14px;
  background:linear-gradient(180deg,rgba(8,18,40,.78) 0%,rgba(8,18,40,.40) 52%,rgba(8,18,40,0) 100%)}
.hero-copy .wrap{text-align:center}
.kicker{font-size:11px;letter-spacing:.46em;color:#aebfdd;margin-bottom:13px;position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:14px}
.kicker::before,.kicker::after{content:"";width:34px;height:1px;background:rgba(174,191,221,.45)}
h1{font-family:var(--d);font-weight:700;font-size:clamp(25px,6vw,42px);line-height:1.28;
  letter-spacing:.03em;position:relative;z-index:2;
  text-shadow:0 0 2px rgba(6,14,32,.9),0 1px 3px rgba(6,14,32,.95),0 2px 10px rgba(6,14,32,.85),0 4px 24px rgba(6,14,32,.6)}
h1 .em{color:#fff}
.lead{position:relative;z-index:2;margin:11px auto 0;max-width:31em;color:#dbe7f7;font-size:14px;line-height:1.78;
  text-shadow:0 1px 12px rgba(6,14,32,.65)}

/* ---- tool card ---- */
.panel{background:rgba(252,253,254,.55);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
  margin:-26px auto 0;border:1px solid rgba(255,255,255,.5);border-radius:10px;
  box-shadow:0 1px 2px rgba(13,26,51,.05),0 24px 60px -18px rgba(13,26,51,.28);
  padding:22px 22px 24px;position:relative;z-index:5;animation:settle .6s cubic-bezier(.2,.7,.2,1) both}
.tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--rule-soft)}
.tabs button{cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.02em;
  padding:10px 18px 12px;border:none;background:transparent;color:var(--ink-soft);position:relative;transition:color .15s}
.tabs button::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:transparent;transition:background .15s}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected="true"]{color:var(--ink)}
.tabs button[aria-selected="true"]::after{background:var(--akane)}
.field{margin-bottom:14px}
.field > label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-soft);
  letter-spacing:.14em;margin-bottom:9px;text-transform:uppercase}
select,input[type="time"]{font-family:inherit;width:100%;padding:13px 14px;border-radius:6px;
  border:1px solid var(--rule);background:#fff;color:var(--ink);font-size:15.5px;transition:border-color .15s,box-shadow .15s}
select:focus,input[type="time"]:focus{outline:none;border-color:var(--sky-mid);box-shadow:0 0 0 3px rgba(46,74,125,.14)}
input[type="time"]{font-family:var(--m);font-size:24px;font-weight:600;width:auto;letter-spacing:.04em}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg button{flex:1 1 0;min-width:104px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;
  padding:11px 8px;border-radius:6px;border:1px solid var(--rule);background:#fff;color:var(--ink);transition:.15s}
.seg button .sub{display:block;font-weight:400;font-size:11px;color:#8b96aa;margin-top:2px}
.seg button:hover{border-color:var(--sky-mid)}
.seg button[aria-pressed="true"]{background:var(--sky);color:#fff;border-color:var(--sky)}
.seg button[aria-pressed="true"] .sub{color:#aebfdd}
.seg button .near{display:inline-block;font-weight:600;font-size:10px;margin-left:5px;padding:1px 6px;border-radius:999px;
  background:rgba(217,68,46,.12);color:var(--accent,#d9442e);vertical-align:1px}
.seg button[aria-pressed="true"] .near{background:rgba(255,255,255,.28);color:#fff}
.anchor-hint{margin:7px 0 0;font-size:11.5px;color:#8b96aa;line-height:1.6}
.timerow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.anchor-note{font-size:12px;color:#8b96aa;flex:1;min-width:160px;line-height:1.7}
.hidden{display:none}

/* ---- combobox: 号数入力＋候補（ラベルの右にコンパクト配置） ---- */
.numrow{display:flex;align-items:center;gap:14px}
.numlabel{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.numlabel > label{margin-bottom:0}
.combo{position:relative;display:flex;align-items:baseline;gap:6px;flex:0 0 auto}
#trainNo{width:3.4em;text-align:center;padding:11px 8px;scroll-margin-top:14px;
  font-family:var(--m);font-size:24px;font-weight:600;letter-spacing:.04em}
.numunit{font-size:14px;font-weight:600;color:var(--ink-soft)}
.numunit:empty{display:none}
.suggest{list-style:none;position:absolute;right:0;left:auto;top:calc(100% + 6px);z-index:20;
  min-width:min(300px,76vw);margin:0;padding:4px;background:#fff;border:1px solid var(--rule);border-radius:6px;
  box-shadow:0 12px 30px -10px rgba(13,26,51,.3);max-height:248px;overflow-y:auto}
.suggest[hidden]{display:none}
.suggest li{padding:10px 12px;border-radius:4px;cursor:pointer;font-size:13.5px;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest li:hover,.suggest li.on{background:var(--sky);color:#fff}
.combo-hint{font-size:11px;color:#8b96aa;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:400}

/* ---- result: departure board (signature) ---- */
.result{margin-top:18px;border-radius:8px;overflow:hidden;background:var(--board);
  border:1px solid var(--board-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);animation:rise .5s ease both}
.result .head{padding:12px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}
.result .head > span:first-child{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--mist);
  text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 座る側を大きく強調するバンド（▲富士は線路の南側＝上下とも同じ窓側に見える） */
.sideband{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 14px 2px;
  padding:13px 16px;border-radius:8px;border:1px solid rgba(86,200,214,.45);
  background:linear-gradient(180deg,rgba(86,200,214,.20),rgba(86,200,214,.07))}
.sideband .ar{font-size:30px;line-height:1;color:#7fe3ec;text-shadow:0 0 16px rgba(86,200,214,.55)}
.sideband .sd{font-size:23px;font-weight:700;color:#fff;letter-spacing:.05em;white-space:nowrap}
.trainline{margin:12px 18px 0;padding:12px 0 2px;border-top:1px solid var(--board-edge);text-align:center}
.trainline .tno{display:block;font-family:var(--m);font-size:clamp(22px,5.6vw,28px);font-weight:600;
  color:var(--board-text);letter-spacing:.04em;line-height:1.1}
.trainline .troute{display:block;font-family:var(--m);font-size:12.5px;color:var(--mist);
  margin-top:7px;letter-spacing:.02em}
/* 夜（通過時刻が日没後）の注意バナーと、見えない時の減光 */
.nightnote{margin:11px 14px 0;padding:9px 14px;border-radius:7px;text-align:center;
  font-size:13.5px;font-weight:700;letter-spacing:.03em;color:#cdd9ee;
  background:linear-gradient(180deg,rgba(26,39,71,.65),rgba(13,24,48,.5));border:1px solid #34466b}
.result.night .times,.result.night .countdown,.result.night .route,.result.night .sideband{opacity:.42;filter:saturate(.55)}
.times{display:flex;text-align:center;padding:4px 8px 0}
.times .t{flex:1;padding:9px 4px}
.times .t + .t{border-left:1px solid var(--board-edge)}
.times .lab{font-size:10.5px;color:var(--mist);letter-spacing:.16em;text-transform:uppercase}
.times .val{font-family:var(--m);font-variant-numeric:tabular-nums;font-size:clamp(19px,5.4vw,25px);
  font-weight:600;line-height:1.15;margin-top:4px;color:var(--board-text);letter-spacing:.02em}
.times .peak .lab{color:#f0917f;font-weight:600}
.times .peak .val{color:#ff8a70;text-shadow:0 0 22px rgba(217,68,46,.45)}
/* route diagram */
.route{position:relative;height:54px;margin:8px 18px 4px}
.route .line{position:absolute;left:0;right:0;top:18px;height:2px;background:var(--board-edge)}
.route .win{position:absolute;top:17px;height:4px;border-radius:2px;background:var(--akane);
  box-shadow:0 0 14px rgba(217,68,46,.6)}
.route .tick{position:absolute;top:0;transform:translateX(-50%);text-align:center}
.route .tick i{display:block;width:2px;height:10px;background:var(--mist);margin:14px auto 0}
.route .tick em{display:block;font-style:normal;font-size:10px;color:var(--mist);margin-top:4px;
  letter-spacing:.04em;white-space:nowrap}
.route .tick.fuji i{background:var(--akane);height:12px;margin-top:12px}
.route .tick.fuji em{color:#ff9f8b;font-weight:600}
.route .tick.fuji::before{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);
  border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid var(--akane)}
.route .arrow{position:absolute;right:-4px;top:11px;color:var(--mist);font-size:12px}
/* 現在地マーカー（時間が進むと左→右に動く） */
.route .now{position:absolute;top:0;transform:translateX(-50%);text-align:center;z-index:4}
.route .now em{display:block;font-style:normal;font-size:10px;font-weight:700;color:#eaf1ff;
  letter-spacing:.06em;line-height:1;white-space:nowrap}
.route .now .train{position:relative;display:block;width:30px;height:16px;margin:3px auto 0}
.route .now .train-ico{position:relative;z-index:2;display:block;width:30px;height:auto;
  filter:drop-shadow(0 0 5px rgba(200,222,255,.8))}
/* 現在地の鼓動: 白い細リングがふわっと広がる（width/height を動かし線の太さは一定に保つ） */
.route .now .train::before,
.route .now .train::after{content:"";position:absolute;left:50%;top:56%;z-index:1;
  width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);
  border:1.5px solid rgba(255,255,255,.9);
  animation:nowpulse 2.4s ease-out infinite}
.route .now .train::after{animation-delay:1.2s}
@keyframes nowpulse{0%{width:8px;height:8px;opacity:.85}
  100%{width:68px;height:68px;opacity:0}}
.countdown{padding:14px 18px 16px;background:rgba(255,255,255,.045);text-align:center;
  border-top:1px solid var(--board-edge)}
.cd-lead{font-size:12.5px;color:#c8d4e8;font-weight:500;letter-spacing:.06em;margin-bottom:3px}
.cd-time{font-family:var(--m);font-size:42px;line-height:1;font-weight:600;color:#fff;
  letter-spacing:.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";
  text-shadow:0 1px 8px rgba(217,68,46,.35)}
.countdown.now .cd-msg{font-size:17px;font-weight:700;color:#ffd9b0;letter-spacing:.02em}
.countdown.past .cd-msg{font-size:13.5px;color:#9fb0cc;letter-spacing:.03em}
.restip{padding:13px 18px 16px;font-size:12.5px;color:var(--mist);line-height:1.8;border-top:1px solid var(--board-edge)}

/* ---- 天気カード（富士市の現在の空模様）：北斎ブルーの空グラデ。判定で空気感が変わる ---- */
.wxwrap{margin:18px 0 0}
.wxcard{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;
  padding:16px 18px;border-radius:14px;color:#eaf1ff;overflow:hidden;
  background:linear-gradient(135deg,#243a5e 0%,#3a5375 70%,#566f8f 100%);  /* 既定=maybe相当 */
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 30px -14px rgba(11,26,54,.75),inset 0 1px 0 rgba(255,255,255,.08)}
.wxcard::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 82% -20%,rgba(255,255,255,.22),transparent 58%)}
.wxcard.good{background:linear-gradient(135deg,#163a72 0%,#2f63ad 58%,#5b9bd8 100%)}   /* 快晴＝抜けるような青空 */
.wxcard.poor{background:linear-gradient(135deg,#2b3346 0%,#414b5e 70%,#5a6477 100%)}   /* どんより＝鈍色 */
.wxcard.dusk{background:linear-gradient(135deg,#3a2348 0%,#7a3b4e 52%,#c9683f 100%)}    /* 夕暮れ＝茜空 */
.wxcard.dusk .wx-verdict{text-shadow:0 0 18px rgba(255,150,90,.5)}
.wxcard.night{background:linear-gradient(135deg,#0d1830 0%,#1a2747 65%,#2a2f57 100%)}  /* 夜＝藍と紫 */
.wxcard .wx-emoji{flex:0 0 auto;width:62px;height:62px;display:flex;align-items:center;justify-content:center;
  font-size:38px;line-height:1;border-radius:50%;z-index:1;
  background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 12px -4px rgba(0,0,0,.4);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.wxcard .wx-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto;z-index:1}
.wx-loc{font-size:11px;color:#aac1e6;letter-spacing:.1em;text-transform:uppercase}
.wx-verdict{font-size:20px;font-weight:800;line-height:1.12;color:#fff;letter-spacing:.02em}
.wxcard.good .wx-verdict{text-shadow:0 0 20px rgba(120,190,255,.55)}
.wxcard.maybe .wx-verdict{text-shadow:0 0 18px rgba(180,200,230,.4)}
.wx-sun{display:inline-flex;align-items:center;gap:6px;margin-top:5px;
  font-size:13px;font-weight:600;color:#ffd9a8;letter-spacing:.02em;
  background:rgba(255,181,90,.12);border:1px solid rgba(255,181,90,.28);
  padding:2px 9px 2px 6px;border-radius:999px;align-self:flex-start}
.wx-sun-ico{width:20px;height:20px;flex:0 0 auto}
.wx-figs{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:0 0 auto;z-index:1}
.wx-temp{font-family:var(--m);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1;
  color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.wx-cloud{font-size:11px;color:#aac1e6;white-space:nowrap;letter-spacing:.03em}
/* リンクは「雲の様子を見る」だけ（カード全体タップでの誤遷移を防ぐ） */
.wx-more{flex:1 0 100%;width:100%;text-align:right;z-index:1;text-decoration:none;
  font-size:12px;font-weight:600;color:#ffd9c0;letter-spacing:.02em;
  border-top:1px solid rgba(255,255,255,.14);padding-top:11px;margin-top:1px;
  transition:color .15s}
.wx-more:hover,.wx-more:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.wx-attr{font-size:10px;color:var(--ink-soft);text-align:right;margin:6px 4px 0;opacity:.85}
.wx-attr a{color:inherit}

/* ---- ad slot ---- */
.adslot{display:block;margin:26px auto;max-width:720px;border-radius:8px;overflow:hidden;
  box-shadow:0 6px 20px -10px rgba(13,26,51,.35)}
.adslot img{display:block;width:100%;height:auto}

/* ---- content ---- */
section.copy{margin:46px 0}
section.copy h2{font-family:var(--d);font-weight:700;font-size:21px;letter-spacing:.04em;
  margin-bottom:16px;padding-left:14px;border-left:3px solid var(--akane);line-height:1.4}
section.copy h2 .no{display:none}
section.copy h3{font-weight:600;font-size:15.5px;color:var(--ink);margin:22px 0 6px;letter-spacing:.02em}
section.copy p{color:var(--ink-soft);font-size:14.5px}
section.copy p + p{margin-top:10px}
.qa{margin-bottom:18px}
.qa dt{font-weight:600;color:var(--ink);margin-bottom:4px;font-size:14.5px;display:flex;gap:9px;align-items:baseline}
.qa dt::before{content:"Q";font-family:var(--d);color:var(--akane);font-weight:700;font-size:13px}
.qa dd{color:var(--ink-soft);font-size:14px;padding-left:22px}
table.seat{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:4px;background:#fff;
  border:1px solid var(--rule)}
table.seat th,table.seat td{border:1px solid var(--rule-soft);padding:10px 12px;text-align:center}
table.seat th{background:var(--sky);color:#fff;font-weight:600;letter-spacing:.06em;font-size:12.5px}
table.seat td:last-child{font-family:var(--m);font-weight:600;color:var(--akane-deep)}
.disc{font-size:12px;color:#7d889c;background:#e7edf4;border:1px solid var(--rule-soft);
  border-radius:8px;padding:15px 17px;margin:30px 0;line-height:1.9}

/* ---- footer ---- */
footer{background:var(--sky-deep);color:#93a6c8;text-align:center;padding:30px 20px 34px;font-size:12px;line-height:2}
footer a{color:#ffcfa3;text-decoration:none}
footer a:hover{text-decoration:underline}
.brand{font-family:var(--d);font-weight:700;color:#fff;font-size:15px;letter-spacing:.12em;margin-bottom:6px}

/* ---- motion ---- */
@keyframes settle{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}
:focus-visible{outline:2px solid var(--akane);outline-offset:2px}

/* ---- mobile: 入力から時刻まで1画面に収める強圧縮 ---- */
@media (max-width:480px){
  .topbar-in{height:42px}
  .hero-copy{padding-top:10px}
  .kicker{margin-bottom:6px;font-size:10px;letter-spacing:.3em}
  h1{font-size:22px;line-height:1.26}
  .lead{font-size:12.5px;line-height:1.55;margin-top:6px;max-width:25em}
  .hero-img{max-height:40vh}
  .adslot{margin:18px auto}
  .panel{margin-top:-20px;padding:15px 14px 18px}
  .tabs{margin-bottom:11px}
  .tabs button{padding:9px 12px 11px;font-size:13px}
  .field{margin-bottom:10px}
  #trainNo{font-size:22px;padding:9px 6px}
  .combo-hint{font-size:10.5px;line-height:1.4}
  .result{margin-top:13px}
  .result .head{padding:11px 14px 0}
  .trainline{margin:9px 14px 0;padding:9px 0 2px}
  .trainline .tno{font-size:24px}
  .sideband{margin:9px 14px 0;padding:11px 14px;gap:11px}
  .times .t{padding:9px 4px}
  .route{margin:6px 14px 4px}
  .countdown{padding:12px 14px 13px}
  .cd-time{font-size:38px}
  .wxcard{gap:12px 13px;padding:14px 15px;border-radius:12px}
  .wxcard .wx-emoji{width:54px;height:54px;font-size:33px}
  .wx-verdict{font-size:18px}
  .wx-temp{font-size:30px}
  .restip{padding:10px 14px 12px}
  .adslot{margin:18px auto;min-height:70px}
  section.copy{margin:30px 0}
}