/* lecteur Studio ポータル — ブランド（00.1 Brand）：コバルト #1F2FD1・朱 #F0442A・金 #C99A2E・墨 #111111
   英字 Bodoni Moda／見出し Zen Old Mincho／本文 Zen Kaku Gothic New。
   朱は「いまここ」「次に動く人」「至急」だけに使う（ロゴの句点と同じ役割） */
:root{
  --paper:#FFFFFF; --wash:#F6F5F2; --ink:#111111; --sub:#5B5952; --mute:#86837B; --line:#E6E3DC;
  --cobalt:#1F2FD1; --shu:#F0442A; --gold:#C99A2E;
  --latin:'Bodoni Moda','Zen Old Mincho',serif; --mincho:'Zen Old Mincho','Hiragino Mincho ProN',serif;
  --sans:'Zen Kaku Gothic New','Hiragino Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans)}
a{color:var(--cobalt);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:900px){.wrap{padding:0 40px}}

/* header */
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font-family:var(--latin);font-weight:700;font-size:20px;letter-spacing:.08em;color:var(--ink);text-decoration:none}
.logo i{font-style:normal;color:var(--shu)}
.logo span{font-weight:500;letter-spacing:.02em;color:var(--shu)}
.who-am-i{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--sub)}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--sub);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

main{padding:40px 0 96px}
h1,h2,h3{font-family:var(--mincho);font-weight:700;line-height:1.45;margin:0}
h1{font-size:clamp(24px,4vw,32px)}
h2{font-size:18px;margin-bottom:14px}
.kicker{font-size:13px;color:var(--mute);margin:0 0 6px}
.muted{color:var(--sub);font-size:14px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:1px solid var(--cobalt);border-radius:2px;background:var(--cobalt);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{background:#1825A8;color:#fff}
.btn.line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.line:hover{background:var(--wash);color:var(--ink)}
.btn.sm{min-height:38px;padding:6px 14px;font-size:14px}

/* forms */
label{display:block;font-size:14px;font-weight:700;margin:18px 0 6px}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid #CFCBC2;border-radius:2px;padding:11px 12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cobalt);outline-offset:0;border-color:var(--cobalt)}
textarea{min-height:120px}
.req{color:var(--shu);font-size:12px;font-weight:700;margin-left:6px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px}
.check input{width:20px;height:20px;flex:0 0 20px;margin-top:4px}

.flash{border-left:3px solid var(--cobalt);background:var(--wash);padding:12px 16px;margin:0 0 24px}
.flash.err{border-left-color:var(--shu)}

/* login */
.login{display:grid;gap:40px;padding-top:24px}
@media(min-width:900px){.login{grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;min-height:60vh}}
.login .statement{font-family:var(--mincho);font-size:clamp(26px,4.4vw,40px);line-height:1.6;margin:0}
.login .statement b{font-weight:700}
.login .rule{width:56px;height:2px;background:var(--gold);margin:28px 0 20px}
.login form{background:var(--wash);padding:32px 28px}

/* project page */
.pj-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.pj-grid{display:grid;gap:40px}
@media(min-width:900px){.pj-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px}}
.block{padding:28px 0;border-top:1px solid var(--line)}
.block:first-child{border-top:0;padding-top:0}

.next{position:relative;background:var(--wash);padding:28px 28px 30px}
.next .owner{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.next .owner::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--shu)}
.next .owner.studio::before{background:var(--mute)}
.next p.action{font-family:var(--mincho);font-weight:700;font-size:clamp(22px,3.4vw,28px);line-height:1.55;margin:10px 0 0}
.next .meta{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #DDD9D0;font-size:14px;color:var(--sub)}
.num{font-family:var(--latin);font-weight:500;font-size:17px;color:var(--ink);font-variant-numeric:lining-nums}

.approve{border:1px solid var(--ink);padding:24px 28px;margin-top:20px}
.approve h2{margin-bottom:8px}

/* progress (aside) — いまの段階に朱の点 */
.progress{list-style:none;margin:0;padding:0}
.progress li{position:relative;padding:0 0 14px 26px;font-size:14px;color:var(--mute)}
.progress li::before{content:"";position:absolute;left:5px;top:9px;width:9px;height:9px;border-radius:50%;border:1.5px solid #BDB9B0;background:var(--paper)}
.progress li::after{content:"";position:absolute;left:9.5px;top:20px;bottom:-2px;width:1px;background:var(--line)}
.progress li:last-child::after{display:none}
.progress li.done{color:var(--sub)}
.progress li.done::before{background:var(--ink);border-color:var(--ink)}
.progress li.now{color:var(--ink);font-weight:700}
.progress li.now::before{background:var(--shu);border-color:var(--shu);width:11px;height:11px;left:4px;top:8px}
.count{font-family:var(--latin);font-size:28px;font-weight:500;line-height:1;margin:0 0 14px}
.count small{font-size:15px;color:var(--mute)}

/* lists & tables */
.files,.reports{list-style:none;margin:0 0 16px;padding:0}
.files li,.reports li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.files li:first-child,.reports li:first-child{border-top:1px solid var(--line)}
.empty{color:var(--mute);font-size:14px;margin:0 0 12px}
.drop{display:block;border:1px dashed #BDB9B0;padding:18px;text-align:center;font-weight:400;cursor:pointer;background:var(--paper)}
.drop input{border:0;padding:8px 0 0;background:none}

/* thread */
.thread{margin-top:24px}
.msg{padding:16px 0;border-top:1px solid var(--line)}
.msg header{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:13px;color:var(--mute);margin-bottom:4px}
.msg b{color:var(--ink);font-size:14px}
.tag{font-size:12px;font-weight:700;color:var(--sub)}
.tag.revision,.tag.request{color:var(--cobalt)}
.tag.urgent{color:var(--shu)}
.msg p{margin:0;white-space:normal}
.msg.studio{padding-left:14px;border-left:2px solid var(--gold);border-top-color:transparent;margin-top:1px}

/* staff board */
.board{width:100%;border-collapse:collapse;font-size:14px}
.board th{font-weight:700;text-align:left;color:var(--mute);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--ink)}
.board td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.board td.title a{font-family:var(--mincho);font-weight:700;font-size:16px;color:var(--ink);text-decoration:none}
.board td.title a:hover{color:var(--cobalt)}
.board .site{display:block;color:var(--mute);font-size:12px}
.owner-dot{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}
.owner-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--shu)}
.owner-dot.client::before{background:#BDB9B0}
.alert{color:var(--shu);font-weight:700;white-space:nowrap}
.table-scroll{overflow-x:auto}
.admin{display:grid;gap:24px;margin-top:48px}
@media(min-width:900px){.admin{grid-template-columns:1fr 1fr}}
.admin form{background:var(--wash);padding:24px}
.row2{display:grid;gap:0 16px}
@media(min-width:600px){.row2{grid-template-columns:1fr 1fr}}
.back{display:inline-block;margin-bottom:20px;font-size:14px}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}
/* 和文の詰め組み（ブランドの決まり：かなは palt） */
h1,h2,h3,.next p.action,.login .statement,.board td.title a{font-feature-settings:"palt";letter-spacing:.02em}
body{font-feature-settings:"palt"}

/* ---- ログイン（11/9 TP 決定：左にコバルトの面、右に入力。参考：Linear・Basecamp・Slack・freee）
   面の飾りはブランドの「しおり（白）→ 金の読む線 → 朱の句点」と、Bodoni の透かし文字 ---- */
main.bare{padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;background:var(--paper)}
@media(min-width:900px){main.bare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr}}
.auth-panel{position:relative;overflow:hidden;background:var(--cobalt);color:#fff;padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.auth-panel .pl{position:relative;z-index:1;font-family:var(--latin);font-weight:700;font-size:26px;letter-spacing:.08em;color:#fff;text-decoration:none;align-self:flex-start}
.auth-panel .pl i{font-style:normal;color:var(--shu)}.auth-panel .pl span{font-weight:500;letter-spacing:.02em;opacity:.9}
.auth-panel .ribbon{position:absolute;top:0;right:72px;width:18px;height:150px;background:#fff;opacity:.92;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}
.auth-panel .copy{position:relative;z-index:1}
.auth-panel .pq{font-family:var(--mincho);font-weight:700;font-size:clamp(24px,2.8vw,34px);line-height:1.7;margin:0;font-feature-settings:"palt"}
.auth-panel .read{display:flex;align-items:center;margin-top:26px;max-width:340px}
.auth-panel .read b{flex:1;height:2px;background:var(--gold)}
.auth-panel .read i{width:11px;height:11px;border-radius:50%;background:var(--shu);margin-left:2px}
.auth-panel .wm{position:absolute;left:-.04em;bottom:-.2em;font-family:var(--latin);font-weight:700;font-size:min(20vw,240px);line-height:1;letter-spacing:.02em;color:#2B3AE0;white-space:nowrap;pointer-events:none}
.auth-panel small{position:relative;z-index:1;opacity:.75;font-size:12px}
.auth{align-self:center;justify-self:center;padding:48px 24px;width:100%;max-width:460px}
.auth-card h1{font-size:22px;margin-bottom:10px}
.auth-card .muted{margin:0 0 4px}
.auth-card label{margin-top:22px}
.btn.wide{width:100%;margin-top:16px}
.fine{font-size:12.5px;color:var(--mute);margin:18px 0 0;line-height:1.7}
.addr{word-break:break-all}
.auth-tips{margin-top:20px;padding:14px 16px;background:var(--wash);font-size:14px}
.auth-tips p{margin:0 0 4px}.auth-tips ul{margin:0;padding-left:1.2em;color:var(--sub)}
.auth-help{font-size:13px;color:var(--mute);margin:28px 0 0}
@media(max-width:899px){
  .auth-panel{padding:22px 20px 26px;gap:14px}.auth-panel .pl{font-size:21px}.auth-panel .pq{font-size:19px}
  .auth-panel .ribbon{right:24px;height:70px;width:14px}.auth-panel .read{margin-top:14px;max-width:220px}
  .auth-panel .wm{font-size:96px;bottom:-.28em;opacity:.8}.auth-panel small{display:none}.auth{padding:28px 20px;align-self:start}
}

/* ---- お客様ページ：タブ（11/9 案A） ---- */
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:4px 0 0;overflow-x:auto;scrollbar-width:none}
.tabs a{position:relative;padding:16px 0 14px;text-decoration:none;color:var(--sub);font-size:14px;font-weight:700;white-space:nowrap;display:flex;gap:6px;align-items:center;letter-spacing:.04em}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current]{color:var(--ink)}
.tabs a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}
.badge{background:var(--shu);color:#fff;font-size:11px;border-radius:9px;padding:0 6px;line-height:18px;font-weight:700}
.botnav{display:none}
@media(max-width:899px){
  .tabs{display:none}
  .botnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
  .botnav a{position:relative;display:grid;justify-items:center;gap:3px;font-size:10.5px;color:var(--mute);text-decoration:none;font-weight:700;letter-spacing:.02em}
  .botnav a[aria-current]{color:var(--cobalt)}
  .botnav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
  .botnav .dot{position:absolute;top:-1px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--shu);border:2px solid #fff}
  main.client{padding-bottom:84px}
}

/* ---- ホーム（案B：要約＋小さな折れ線） ---- */
.h-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 24px;margin:36px 0 28px}
.h-head .kicker{grid-column:1/-1;display:flex;gap:14px;align-items:baseline;margin:0;font-size:13px;color:var(--sub);letter-spacing:.06em}
.h-head .kicker a{font-size:12.5px;letter-spacing:.02em}
.h-head h1{font-family:var(--mincho);font-size:clamp(26px,3.4vw,34px);font-weight:700;margin:0;letter-spacing:.04em}
.h-head .asof{text-align:right;line-height:1.7;margin:0 0 6px;font-size:12.5px;color:var(--mute);font-family:var(--gothic,inherit)}
.h-next{display:grid;gap:8px;position:relative;padding:26px 30px 24px;margin:0 0 56px;background:var(--wash);color:var(--ink);text-decoration:none;border-left:3px solid var(--shu);transition:background .15s}
.h-next.studio{border-left-color:#C9C5BC}
.h-next:hover{background:#EFEDE6;color:var(--ink)}
.h-next .owner{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--sub);letter-spacing:.06em}
.h-next .owner::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--shu)}
.h-next.studio .owner::before{background:var(--mute)}
.h-next b{font-family:var(--mincho);font-weight:700;font-size:clamp(19px,2.4vw,23px);line-height:1.6;letter-spacing:.03em}
.h-next .go{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;border-top:1px solid #DFDBD2;font-size:13px;color:var(--sub)}
.h-next .arrow{color:var(--cobalt);font-weight:700}
.h-next .arrow::after{content:"→";margin-left:8px}
.h-sec{margin:0 0 56px}
.h-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;margin-bottom:0;border-bottom:1px solid var(--ink)}
.h-sec-head h2{font-family:var(--mincho);font-size:19px;font-weight:700;margin:0;letter-spacing:.06em}
.h-sec-head .period{font-size:12.5px;color:var(--mute)}
a.period{color:var(--cobalt)}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{display:grid;align-content:start;gap:6px;padding:22px 20px 18px 0;border-bottom:1px solid var(--line)}
.kpi + .kpi{padding-left:20px;border-left:1px solid var(--line)}
@media(max-width:759px){.kpi:nth-child(odd){padding-left:0;border-left:0}.kpi:nth-child(even){padding-left:16px}}
.k-label{font-size:12.5px;font-weight:700;color:var(--sub);letter-spacing:.06em}
.kpi b.num{font-size:clamp(32px,4vw,42px);line-height:1.1;font-weight:500;letter-spacing:-.01em}
.kpi b.num small{font-family:var(--gothic,inherit);font-size:13px;font-weight:700;margin-left:4px;color:var(--sub);letter-spacing:0}
.delta{font-size:12px;color:var(--mute);letter-spacing:.02em}
.delta.up{color:var(--cobalt)}
.mini{display:block;width:100%;height:28px;margin-top:8px}
.locked{display:grid;border-bottom:1px solid var(--line)}
@media(min-width:760px){.locked{grid-template-columns:1fr 1fr}.lk + .lk{padding-left:20px;border-left:1px solid var(--line)}}
@media(max-width:759px){.lk + .lk{border-top:1px solid var(--line)}}
.lk{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l g" "l go";align-items:center;gap:6px 16px;padding:16px 20px 16px 0;text-decoration:none;color:inherit;background:linear-gradient(90deg,transparent,rgba(201,154,46,.05))}
.lk .lk-l{text-decoration:none;color:inherit}.lk .lk-go{display:flex;gap:12px;align-items:baseline}.lk .lk-go form{margin:0}.lk .linkbtn{font-size:11.5px;color:var(--mute)}
.lk-l{grid-area:l;display:grid;gap:6px;justify-items:start}
.lk .plan-tag{font-size:11px;font-weight:700;color:var(--gold);border:1px solid var(--gold);padding:0 7px;line-height:19px;letter-spacing:.08em}
.lk .ghost{grid-area:g;display:block;width:110px;height:24px;background:linear-gradient(90deg,#E4E0D7,#F0EEE9);filter:blur(3px);border-radius:3px}
.lk .lk-go{grid-area:go;font-size:12px;color:var(--cobalt);justify-self:end}
.h-more{margin:16px 0 0;text-align:right;font-size:13.5px}
.h-more a::after{content:" →"}
.h-note{margin:10px 0 0;font-size:12px;color:var(--mute);line-height:1.8}
.track{list-style:none;margin:0;padding:28px 0 8px;display:grid;grid-template-columns:repeat(8,1fr);counter-reset:t}
.track li{position:relative;display:grid;justify-items:center;gap:10px;font-size:11.5px;color:var(--mute);text-align:center;line-height:1.5}
.track li::before{content:"";position:absolute;top:6px;left:-50%;right:50%;height:1px;background:var(--line)}
.track li:first-child::before{display:none}
.track li i{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;background:#fff;border:1px solid #C9C5BC}
.track li.done{color:var(--sub)}.track li.done i{background:var(--ink);border-color:var(--ink)}.track li.done::before{background:var(--ink)}
.track li.now{color:var(--ink);font-weight:700}.track li.now i{background:var(--shu);border-color:var(--shu);box-shadow:0 0 0 4px rgba(240,68,42,.15)}.track li.now::before{background:var(--ink)}
@media(max-width:759px){.track{grid-template-columns:1fr;gap:0;padding-top:16px}.track li{grid-template-columns:13px 1fr;justify-items:start;text-align:left;gap:14px;padding:7px 0;font-size:13.5px}.track li::before{top:-50%;bottom:50%;left:6px;right:auto;width:1px;height:auto}}
.h-strip{display:grid;margin:0 0 56px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
@media(min-width:760px){.h-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
.s-item{display:grid;align-content:start;gap:4px;padding:20px 20px 20px 0}
@media(min-width:760px){.s-item + .s-item{padding-left:24px;border-left:1px solid var(--line)}}
@media(max-width:759px){.s-item + .s-item{border-top:1px solid var(--line)}}
.s-label{font-size:12.5px;font-weight:700;color:var(--sub);letter-spacing:.06em;margin-bottom:4px}
.s-item b{font-size:16px;letter-spacing:.03em}
.s-sub{font-size:12.5px;color:var(--mute)}
.status{display:inline-flex;align-items:center;gap:8px}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cobalt)}
.status.warn::before{background:var(--shu)}
.meter{display:block;width:100%;height:4px;margin-top:8px}
.feed{list-style:none;margin:0;padding:0}
.f-day{font-size:12px;font-weight:700;color:var(--mute);padding:22px 0 6px;letter-spacing:.06em}
.f-item{display:grid;grid-template-columns:180px 1fr;gap:2px 20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.f-who{font-size:12.5px;color:var(--sub);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.f-who em{font-style:normal;font-size:11px;font-weight:700;padding:0 6px;border:1px solid var(--line);color:var(--sub);line-height:18px}
.f-item.you .f-who em{border-color:var(--cobalt);color:var(--cobalt)}
.f-item a{color:var(--ink);text-decoration:none}.f-item a:hover{color:var(--cobalt)}
.f-sub{grid-column:2;font-size:12.5px;color:var(--sub)}
@media(max-width:599px){.f-item{grid-template-columns:1fr}.f-sub{grid-column:1}}
h1,h2,.h-next b,.lk .k-label{text-wrap:pretty}
@media(max-width:899px){.h-head{margin-top:20px}}

/* ---- ヒアリング（7つのまとまり・次へで進む） ---- */
.hs-count{font-size:22px;margin:0}
.hs-prog{list-style:none;margin:8px 0 28px;padding:0;display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line)}
.hs-prog li a{display:grid;gap:2px;padding:10px 6px 10px 0;font-size:11.5px;color:var(--mute);text-decoration:none;border-top:3px solid transparent;margin-top:-2px;line-height:1.4}
.hs-prog li a b{font-family:var(--latin);font-size:15px;font-weight:500}
.hs-prog li.done a{color:var(--sub);border-top-color:var(--ink)}
.hs-prog li.now a{color:var(--ink);font-weight:700;border-top-color:var(--shu)}
@media(max-width:699px){.hs-prog{grid-template-columns:repeat(8,1fr)}.hs-prog li a{font-size:0}.hs-prog li a b{font-size:14px}}
.hs-title{font-family:var(--mincho);font-size:22px;margin:0 0 6px;letter-spacing:.04em}
.hs-lead{max-width:640px;margin:0 0 22px}
.hs-form{max-width:720px}
.hs-form .hq{display:block}
.hc{border:0;padding:0;margin:18px 0 0}.hc legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.hc .opt{display:inline-flex;align-items:center;gap:8px;margin:0 8px 8px 0;padding:9px 14px;border:1px solid var(--line);font-weight:400;font-size:14px;cursor:pointer}
.hc .opt input{width:16px;height:16px;margin:0}
.hc .opt:has(input:checked){border-color:var(--ink);background:var(--wash);font-weight:700}
.hs-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:28px 0 0}
.hs-rev{margin:0 0 24px;max-width:760px}.hs-rev h2{font-family:var(--mincho);font-size:17px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:baseline}.hs-rev h2 a{font-family:var(--gothic,inherit);font-size:13px;font-weight:400}
.hs-rev dl{display:grid;grid-template-columns:16em 1fr;gap:8px 16px;margin:0;font-size:14px}.hs-rev dt{color:var(--sub)}.hs-rev dd{margin:0;white-space:pre-wrap}.hs-rev dd.miss{color:var(--shu);font-weight:700}
@media(max-width:699px){.hs-rev dl{grid-template-columns:1fr}.hs-rev dd{margin-bottom:6px}}
.hs-order{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;background:var(--wash);padding:14px 18px;margin:4px 0 18px;border-left:3px solid var(--ink)}.hs-order b{font-size:15px}
.ai-pre{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#111;background:#FFF2C9;border:1px solid var(--gold);padding:0 6px;line-height:18px;vertical-align:1px}
.hs-pre{background:#FFF8E3;border-left:3px solid var(--gold);padding:12px 16px;font-size:13.5px;margin:0 0 18px;max-width:760px}