/* @PLACE デザイン案: 看板・メニューボード風。太い枠線、ずらした影、点線でつなぐ金額。外部のフォント・CSSは使わない。 */
:root {
  --ink: #2a1810;
  --brand: #500000;
  --red: #8f1d0f;
  --orange: #f7941e;
  --cream: #f6eedd;
  --cream-d: #ecdfc6;
  --paper: #fffdf6;
  --line: #06c755;
  --line-ink: #052e16;
  --soft: #5b463c;
  --font: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic UI', 'Yu Gothic', Meiryo, sans-serif;
  --serif: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6.5rem; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); color: var(--ink); line-height: 1.8; background: var(--cream); padding-bottom: 4rem; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--red); text-underline-offset: 0.2em; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font-family: inherit; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
[hidden] { display: none !important; }
.wrap { width: min(100% - 2rem, 66rem); margin-inline: auto; }
.skip { position: absolute; left: -999px; top: 0.5rem; z-index: 100; background: #fff; padding: 0.5rem 0.75rem; }
.skip:focus { left: 0.5rem; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- ボタン ---- */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.35rem 1.25rem; border: 2px solid var(--ink); border-radius: 2px; background: var(--cream); color: var(--ink); font-weight: 800; text-decoration: none; line-height: 1.3; box-shadow: 3px 3px 0 var(--ink); }
.btn:hover { transform: translate(1px, 1px); box-shadow: 2px 2px 0 var(--ink); }
.btn-main { background: var(--orange); }
.btn-sub { background: var(--paper); }
.btn-line { background: var(--line); color: var(--line-ink); }

/* ---- ヘッダー ---- */
.top { position: sticky; top: 0; z-index: 50; background: var(--ink); color: var(--cream); }
.top-in { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-block: 0.45rem; }
.brand { display: flex; align-items: center; gap: 0.6rem; color: var(--cream); text-decoration: none; }
.brand img { width: 2.75rem; }
.brand-name { display: grid; font-size: 1.3rem; font-weight: 800; letter-spacing: 0.04em; line-height: 1.15; }
.brand-name small { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.04em; opacity: 0.85; }
.top-tel { display: inline-flex; align-items: baseline; gap: 0.4rem; padding: 0.35rem 0.8rem; border: 2px solid var(--orange); border-radius: 2px; color: var(--orange); font-weight: 800; font-size: 1.1rem; text-decoration: none; white-space: nowrap; }
.top-tel small { font-size: 0.65rem; letter-spacing: 0.1em; }
.tabs { background: var(--brand); border-top: 1px solid rgb(255 255 255 / 0.15); }
.tabs-in { display: flex; overflow-x: auto; scrollbar-width: none; }
.tabs-in::-webkit-scrollbar { display: none; }
.tabs a { display: block; padding: 0.6rem 0.95rem; color: var(--cream); text-decoration: none; font-weight: 700; font-size: 0.92rem; white-space: nowrap; border-bottom: 4px solid transparent; }
.tabs a:hover { background: rgb(0 0 0 / 0.2); }
.tabs a[aria-current='page'] { border-bottom-color: var(--orange); }

/* ---- ヒーロー ---- */
.hero { position: relative; background: var(--ink); border-bottom: 4px solid var(--ink); }
.hero picture, .hero img { display: block; width: 100%; }
.hero img { height: 17rem; object-fit: cover; }
.stamp { position: absolute; right: 1rem; top: 1rem; display: grid; place-content: center; width: 5.6rem; height: 5.6rem; border-radius: 50%; background: var(--cream); border: 3px solid var(--red); outline: 2px solid var(--cream); color: var(--red); text-align: center; line-height: 1.1; transform: rotate(-9deg); }
.stamp span { font-family: var(--serif); font-size: 2.1rem; font-weight: 800; }
.stamp b { font-size: 0.72rem; letter-spacing: 0.05em; }
.hero-wrap { position: relative; margin-top: -4rem; }
.hero-card { max-width: 38rem; padding: 1.25rem 1.25rem 1.4rem; background: var(--paper); border: 3px solid var(--ink); border-top: 10px solid var(--orange); box-shadow: 6px 6px 0 var(--ink); }
.hero-sub { font-weight: 800; color: var(--red); letter-spacing: 0.04em; }
.hero-card h1 { margin-top: 0.15rem; font-size: clamp(1.55rem, 6vw, 2.3rem); line-height: 1.35; font-weight: 800; color: var(--ink); }
.hero-lead { margin-top: 0.6rem; color: var(--soft); }
.hero-cta { margin-top: 1.1rem; display: flex; flex-wrap: wrap; gap: 0.6rem; }

/* ---- 特長（写真のサムネイル） ---- */
.facts { margin-top: 2.25rem; background: var(--paper); border-block: 3px solid var(--ink); }
.facts-in { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 0.5rem; padding-block: 0.9rem; }
.facts li { display: flex; align-items: center; gap: 0.6rem; }
.facts img { width: 3.5rem; height: 3.5rem; object-fit: cover; border: 2px solid var(--ink); flex: none; }
.facts span { font-size: 0.8rem; color: var(--soft); line-height: 1.4; }
.facts b { display: block; font-size: 0.98rem; color: var(--ink); }

/* ---- セクション ---- */
.sec { padding-block: 3rem; }
.sec-dots { background-color: var(--cream-d); background-image: radial-gradient(rgb(80 0 0 / 0.13) 1.2px, transparent 1.4px); background-size: 8px 8px; border-block: 3px solid var(--ink); }
.sec-title { margin-bottom: 1.4rem; }
.sec-title span { display: inline-block; padding: 0.3rem 1rem 0.3rem 0.9rem; background: var(--ink); color: var(--cream); border-left: 12px solid var(--orange); font-size: 1.35rem; font-weight: 800; letter-spacing: 0.04em; box-shadow: 4px 4px 0 var(--orange); }
.lead { margin: -0.4rem 0 1.2rem; color: var(--soft); }
.sub-title { margin-top: 2.2rem; font-size: 1.2rem; font-weight: 800; padding-bottom: 0.3rem; border-bottom: 3px solid var(--ink); }

/* ---- こんな時に ---- */
.scenes { display: grid; gap: 0; border-top: 3px solid var(--ink); }
.scene { display: grid; grid-template-columns: 3.2rem 1fr; gap: 0.75rem; padding: 0.9rem 0.25rem; border-bottom: 2px dashed rgb(42 24 16 / 0.45); }
.scene-no { font-family: var(--serif); font-size: 2.6rem; line-height: 1; font-weight: 800; color: var(--red); text-align: center; }
.scene-title { font-weight: 800; font-size: 1.1rem; }
.scene-lead { margin-top: 0.1rem; font-weight: 700; }
.scene-price { display: inline-block; margin-left: 0.5rem; padding: 0 0.5rem; background: var(--orange); border: 2px solid var(--ink); font-weight: 800; }
.scene-text { margin-top: 0.1rem; font-size: 0.9rem; color: var(--soft); }

/* ---- 料金（メニューボード） ---- */
.boards { display: grid; gap: 1.5rem; }
.board { background: var(--paper); border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.board-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.75rem; padding: 0.5rem 0.9rem; background: var(--ink); color: var(--cream); }
.board-h span { font-size: 1.15rem; font-weight: 800; letter-spacing: 0.06em; }
.board-h small { margin-left: auto; font-size: 0.78rem; opacity: 0.85; }
.mlist { padding: 0.4rem 0.9rem 0.6rem; }
.mrow { display: flex; align-items: baseline; gap: 0.5rem; padding: 0.55rem 0; }
.mname { font-weight: 700; }
.mname small { display: block; font-size: 0.78rem; font-weight: 400; color: var(--soft); line-height: 1.4; }
.mdots { flex: 1; min-width: 1rem; border-bottom: 2px dotted rgb(42 24 16 / 0.55); transform: translateY(-0.3rem); }
.mprice { font-size: 1.55rem; font-weight: 800; color: var(--red); font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.2; }
.mprice small { font-size: 0.8rem; margin-left: 0.1rem; }
.ptable-wrap { overflow-x: auto; }
.ptable { width: 100%; border-collapse: collapse; text-align: center; }
.ptable th, .ptable td { padding: 0.7rem 0.4rem; border: 1px solid rgb(42 24 16 / 0.4); }
.ptable thead th { background: var(--cream-d); font-size: 0.85rem; }
.ptable tbody th { background: var(--cream); font-size: 0.88rem; text-align: left; padding-left: 0.75rem; white-space: nowrap; }
.pnum { font-size: 1.8rem; font-weight: 800; color: var(--red); font-variant-numeric: tabular-nums; line-height: 1.2; }
.pnum small { font-size: 0.8rem; margin-left: 0.1rem; }
.pnum-sm { font-size: 1.35rem; }
.others { margin-top: 1.5rem; display: grid; gap: 0.2rem; }
.others li::before, .notes li::before { content: '■ '; font-size: 0.7em; color: var(--red); }
.dboxes { margin-top: 1rem; display: grid; gap: 1rem; }
.dbox { padding: 0.8rem 1rem; background: var(--paper); border: 4px double var(--red); }
.dbox h4 { color: var(--red); font-size: 1.05rem; font-weight: 800; }
.dbox p { font-size: 0.92rem; color: var(--soft); }
.notes { margin-top: 1.25rem; font-size: 0.85rem; color: var(--soft); }

/* ---- 設備（写真） ---- */
.fgrid { display: grid; gap: 1.5rem; }
.fcard { background: var(--paper); border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.fcard img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-bottom: 3px solid var(--ink); background: var(--cream-d); }
.fcap { padding: 0.7rem 0.9rem 0.9rem; }
.fcap h3 { font-size: 1.08rem; font-weight: 800; }
.fcap p { margin-top: 0.2rem; font-size: 0.9rem; color: var(--soft); }
.tags { margin-top: 1.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.tags li { padding: 0.5rem 0.7rem; border: 2px solid var(--ink); background: var(--paper); line-height: 1.4; }
.tags b { display: block; font-size: 0.95rem; }
.tags span { font-size: 0.76rem; color: var(--soft); }

/* ---- コミック・ゲームへのカード ---- */
.ccards { display: grid; gap: 1.5rem; }
.ccards a { display: block; background: var(--paper); border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); color: var(--ink); text-decoration: none; }
.ccards a:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--ink); }
.ccards img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-bottom: 3px solid var(--ink); }
.cbody { display: grid; gap: 0.15rem; padding: 0.7rem 0.9rem 0.9rem; }
.cbody b { font-size: 1.1rem; color: var(--red); }
.cbody b::after { content: ' ›'; }
.cbody span { font-size: 0.9rem; color: var(--soft); }

/* ---- 記事の一覧（タイトルの横にバナー） ---- */
.alist { border-top: 3px solid var(--ink); }
.aitem a { display: flex; align-items: center; gap: 1rem; padding: 0.9rem 0.25rem; border-bottom: 2px dotted rgb(42 24 16 / 0.5); color: var(--ink); text-decoration: none; }
.aitem a:hover { background: var(--paper); }
.athumb { flex: none; width: 8.5rem; }
.abanner { width: 100%; height: auto; max-height: 5.5rem; object-fit: contain; background: var(--cream-d); border: 2px solid var(--ink); }
.abanner.is-logo { width: 5.5rem; margin-inline: auto; padding: 0.4rem; background: var(--paper); }
.atext { display: grid; gap: 0.15rem; min-width: 0; }
.ameta { font-size: 0.82rem; color: var(--soft); }
.ameta time { margin-right: 0.4rem; }
.atitle { font-weight: 800; font-size: 1.05rem; line-height: 1.45; color: var(--ink); }
.aitem a:hover .atitle { color: var(--red); text-decoration: underline; }
.more { margin-top: 1.5rem; text-align: center; }

/* ---- 絞り込みボタン ---- */
.filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.fbtn { display: inline-block; min-height: 2.5rem; padding: 0.35rem 0.9rem; border: 2px solid var(--ink); border-radius: 2px; background: var(--paper); color: var(--ink); font-weight: 800; font-size: 0.9rem; text-decoration: none; cursor: pointer; }
.fbtn[aria-pressed='true'] { background: var(--ink); color: var(--cream); }
.fbtn small { font-weight: 400; margin-left: 0.15rem; }
a.fbtn:hover { background: var(--orange); }
#glist { margin-top: 1.25rem; }

/* ---- 下層ページの見出し ---- */
.phead { background: var(--cream-d); background-image: radial-gradient(rgb(80 0 0 / 0.13) 1.2px, transparent 1.4px); background-size: 8px 8px; border-bottom: 4px solid var(--ink); padding-block: 1.75rem; }
.phead h1 { display: inline-block; padding: 0.15rem 0.9rem; background: var(--ink); color: var(--cream); border-left: 12px solid var(--orange); font-size: clamp(1.4rem, 5vw, 2rem); font-weight: 800; line-height: 1.4; box-shadow: 4px 4px 0 var(--orange); }
.phead-lead { margin-top: 0.9rem; max-width: 44rem; color: var(--soft); }

/* ---- 記事ページ ---- */
.article { padding-block: 1.5rem 3rem; max-width: 52rem; }
.crumb { display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: 0.82rem; color: var(--soft); }
.arow { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; margin-top: 1rem; padding-bottom: 1rem; border-bottom: 4px solid var(--ink); }
.arow-banner { flex: none; max-width: min(100%, 20rem); }
.abanner-lg { display: block; width: 100%; height: auto; max-height: 11rem; object-fit: contain; background: var(--cream-d); border: 3px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.abanner-lg.is-logo { width: 7rem; padding: 0.6rem; background: var(--paper); }
.arow-text { flex: 1 1 16rem; min-width: 0; }
.arow h1 { margin-top: 0.3rem; font-size: clamp(1.35rem, 4.5vw, 1.9rem); font-weight: 800; line-height: 1.4; }
.notice { margin-top: 1.25rem; padding: 0.7rem 0.9rem; border: 2px solid var(--ink); background: #fff8d6; font-size: 0.88rem; color: var(--soft); }
.notice p, .notice span { margin: 0; }
.abody { margin-top: 1.5rem; }
.abody p { margin-top: 1em; white-space: pre-line; }
.abody ul { margin-top: 1em; list-style: disc; padding-left: 1.5em; }
.abody h3 { margin-top: 1.5em; }
.abody a { font-weight: 700; }
.abody img { display: block; max-width: 100%; height: auto; margin-top: 1em; border: 2px solid var(--ink); }
.ainfo { margin-top: 2rem; border-top: 3px solid var(--ink); }
.ainfo > div { display: grid; gap: 0.25rem; padding: 0.8rem 0; border-bottom: 2px dotted rgb(42 24 16 / 0.5); }
.ainfo dt { font-weight: 800; color: var(--red); }
.itags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.itags li { padding: 0 0.6rem; background: var(--ink); color: var(--cream); font-size: 0.82rem; font-weight: 700; }
.cta { margin-top: 2.25rem; padding: 1rem; border: 3px solid var(--ink); background: var(--paper); box-shadow: 5px 5px 0 var(--orange); }
.cta-btns { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.back { margin-top: 1.5rem; font-weight: 700; }

/* ---- コミックリスト ---- */
.search { margin-top: 1.5rem; }
.search label { display: block; font-weight: 800; }
.search input { margin-top: 0.4rem; width: 100%; min-height: 3rem; padding: 0 0.9rem; border: 3px solid var(--ink); border-radius: 2px; background: var(--paper); font: inherit; }
.search-count { margin-top: 0.4rem; font-size: 0.88rem; color: var(--soft); min-height: 1.4em; }
.shelfnav { margin-top: 1rem; }
.shelfnav-t { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; color: var(--soft); margin-bottom: 0.4rem; }
.shelves { margin-top: 2rem; display: grid; gap: 2rem; }
.shelf { min-width: 0; content-visibility: auto; contain-intrinsic-size: auto 36rem; }
.shelf-t { padding-bottom: 0.3rem; border-bottom: 3px solid var(--ink); font-size: 1.2rem; font-weight: 800; }
.tbl-wrap { margin-top: 0.75rem; overflow-x: auto; border: 2px solid var(--ink); background: var(--paper); }
.dtable { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 0.92rem; }
.dtable th, .dtable td { border: 1px solid rgb(42 24 16 / 0.3); padding: 0.45rem 0.65rem; text-align: left; }
.dtable thead th { background: var(--ink); color: var(--cream); font-weight: 700; }
.dtable tbody th { background: var(--cream); font-weight: 700; min-width: 10rem; }
.dtable td { white-space: nowrap; }
.dtable td.num { text-align: right; }
.none { margin-top: 2rem; }

/* ---- アクセス ---- */
.access { display: grid; gap: 1.5rem; }
.dlist { border-top: 3px solid var(--ink); }
.dlist > div { display: grid; grid-template-columns: 6rem 1fr; gap: 0.5rem; padding: 0.7rem 0.25rem; border-bottom: 2px dotted rgb(42 24 16 / 0.5); }
.dlist dt { font-weight: 800; color: var(--red); }
.dlist a { font-weight: 800; font-size: 1.15rem; }
.access-cta { margin-top: 1.25rem; }
.access-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.access-photos img { width: 100%; border: 3px solid var(--ink); }
figcaption { font-size: 0.8rem; color: var(--soft); margin-top: 0.25rem; }
.map { margin-top: 1.5rem; border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.map iframe { display: block; width: 100%; height: 20rem; border: 0; }

/* ---- LINE・フッター ---- */
.line { background: var(--orange); border-block: 3px solid var(--ink); padding-block: 1.75rem; }
.line-in { display: flex; align-items: center; gap: 1.25rem; }
.line-in img { width: 7.5rem; height: 7.5rem; background: #fff; padding: 0.4rem; border: 3px solid var(--ink); }
.line h2 { font-size: 1.15rem; font-weight: 800; }
.line p { margin-top: 0.4rem; font-size: 0.92rem; }
.foot { background: var(--ink); color: var(--cream); padding-top: 2rem; }
.foot a { color: var(--cream); }
.foot-name { display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; font-weight: 800; }
.foot-name img { width: 2.75rem; }
.foot address { margin-top: 0.9rem; font-style: normal; line-height: 1.8; }
.flinks { margin-top: 0.9rem; display: flex; flex-wrap: wrap; gap: 0.3rem 0; font-size: 0.9rem; }
.flinks li + li::before { content: '｜'; margin: 0 0.5rem; opacity: 0.5; }
.copy { margin-top: 1.75rem; padding: 1rem; border-top: 1px solid rgb(255 255 255 / 0.2); text-align: center; font-size: 0.78rem; }

/* ---- スマホの固定バー ---- */
.bar { position: fixed; inset: auto 0 0 0; z-index: 60; display: grid; grid-template-columns: 2fr 1fr 1fr; background: var(--ink); border-top: 3px solid var(--ink); }
.bar a { display: block; padding: 0.85rem 0.25rem; color: var(--cream); text-align: center; text-decoration: none; font-weight: 800; border-left: 1px solid rgb(255 255 255 / 0.25); }
.bar a:first-child { background: var(--orange); color: var(--ink); border-left: 0; }

/* ---- 広い画面 ---- */
@media (min-width: 700px) {
  body { padding-bottom: 0; }
  .bar { display: none; }
  .hero img { height: 26rem; }
  .stamp { right: 2rem; top: 1.5rem; width: 7rem; height: 7rem; }
  .stamp span { font-size: 2.7rem; }
  .stamp b { font-size: 0.85rem; }
  .hero-wrap { margin-top: -6rem; }
  .facts-in { grid-template-columns: repeat(4, 1fr); }
  .scenes { grid-template-columns: 1fr 1fr; column-gap: 2rem; }
  .boards { grid-template-columns: 1fr 1fr; align-items: start; }
  .board-wide { grid-column: 1 / -1; }
  .dboxes { grid-template-columns: 1fr 1fr; }
  .fgrid { grid-template-columns: repeat(2, 1fr); }
  .tags { grid-template-columns: repeat(4, 1fr); }
  .ccards { grid-template-columns: repeat(3, 1fr); }
  .athumb { width: 12rem; }
  .abanner { max-height: 6.5rem; }
  .access { grid-template-columns: 1fr 1.2fr; align-items: start; }
  .foot-in { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .flinks { grid-column: auto; }
}
@media (min-width: 1000px) {
  .fgrid { grid-template-columns: repeat(3, 1fr); }
  .tabs-in { justify-content: center; }
}
@media (max-width: 420px) {
  .brand-name small { display: none; }
  .top-tel { font-size: 1rem; }
  .mprice { font-size: 1.4rem; }
  .pnum { font-size: 1.6rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .btn, .ccards a { transition: none; } }

/* ゲーム各社の画像: 元の大きさのまま表示し、©・®・™の表記を読めるようにする（縮小・切り取りをしない） */
.athumb-native { width: auto; max-width: 100%; }
.abanner.is-native { width: auto; max-width: 100%; max-height: none; height: auto; object-fit: initial; }
.abanner-lg.is-native { height: auto; max-height: none; max-width: 100%; }
.arow-native { max-width: 100%; }
.credit { font-size: 0.78rem; color: var(--soft); }
.rights { margin-top: 0.8rem; font-size: 0.82rem; color: var(--soft); }
.rights b { color: var(--ink); }
@media (max-width: 559px) {
  .aitem-game a { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}

.athumb-native { max-width: 45%; }
@media (max-width: 559px) {
  .athumb-native { width: 100%; max-width: 100%; flex: none !important; }
}

/* ゲーム紹介のサムネイル: 大きさを揃える（320:156） */
.athumb-u { flex: none; width: 8.5rem; max-width: none; }
.abanner.abanner-u { width: 100%; height: auto; aspect-ratio: 320 / 156; max-height: none; object-fit: cover; background: #fff; }
.arow-u { max-width: min(100%, 20rem); }
.abanner-lg.abanner-u { width: 100%; height: auto; aspect-ratio: 320 / 156; max-height: none; object-fit: cover; background: #fff; }
.obanner { margin-top: 1.5rem; }
.obanner img { width: auto; max-width: 100%; height: auto; margin: 0; border: 2px solid var(--ink); }
.obanner figcaption { margin-top: 0.3rem; font-size: 0.8rem; color: var(--soft); }
@media (min-width: 700px) { .athumb-u { width: 12rem; } }