/* Press kit (ticket KOL1): colors, background, nav and footer from /components/site.css (site shell, 2026-10-17); this file styles the middle only */
:root{--display:"Geist",system-ui,-apple-system,"PingFang TC","Noto Sans TC",sans-serif;--card:rgba(255,255,255,.03);--warn:rgba(255,214,102,.08);--warn-line:rgba(255,214,102,.3)}
body{line-height:1.7;overflow-wrap:anywhere}
.lang{font-size:14px}
.lang a{color:var(--ink-2);text-decoration:none}
.lang a:hover{color:var(--ink)}
html{-webkit-text-size-adjust:100%}
a{color:inherit}
p a,li a,td a{color:var(--signal);text-decoration:none}
p a:hover,li a:hover,td a:hover{text-decoration:underline}
header.top{padding-block:56px 32px;display:flex;flex-direction:column;gap:16px;max-width:760px}
h1{margin:0;font-size:clamp(40px,6vw,72px);font-weight:600;letter-spacing:-0.045em;line-height:1.05}
h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-0.03em;line-height:1.3}
h3{margin:0;font-size:17px;font-weight:600;line-height:1.4}
p{margin:0;color:var(--ink-2)}
.lines span{display:block}
.lines span+span{margin-top:8px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
section{padding-block:40px;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--line)}
section>p{max-width:760px}
.date{font:13px var(--mono);color:var(--ink-3)}
.summary{font-size:19px;line-height:1.7;color:var(--ink);max-width:760px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.card .n{font:13px var(--mono);color:var(--ink-3)}
.card .st{font-size:14px;color:var(--ink-3)}
ul.plain{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;max-width:820px}
ul.plain li{padding-left:20px;position:relative;color:var(--ink-2)}
ul.plain li::before{content:"";position:absolute;left:4px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
ul.plain li b{display:block;color:var(--ink);font-weight:600}
.tbl{width:100%;max-width:820px;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.tbl th{font-weight:600;color:var(--ink);white-space:nowrap}
.tbl td{color:var(--ink-2)}
.tbl .mono{font-family:var(--mono);white-space:nowrap;color:var(--ink)}
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shot{margin:0;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;border-bottom:1px solid var(--line)}
.shot figcaption{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-2);font-size:15px}
.dl{display:flex;gap:16px;flex-wrap:wrap;font:500 13px var(--mono)}
.dl a{color:var(--signal);text-decoration:none;white-space:nowrap}
.dl a:hover{text-decoration:underline}
.links-row{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}
.links-row a{color:var(--signal);text-decoration:none}
.links-row a:hover{text-decoration:underline}
.tagline{margin:0;font-size:24px;font-weight:600;letter-spacing:-0.02em;line-height:1.35;color:var(--ink)}
.tagline span{display:block;font-weight:400;color:var(--ink-2);font-size:19px;margin-top:4px}
.assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.asset{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.stage{aspect-ratio:4/3;display:grid;place-items:center;background:#F7F8FA}
.stage.dark{background:#0B0D10}
.stage img{max-width:62%;max-height:40%}
.stage img.sq{max-height:56%}
.asset .meta{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.note{background:var(--warn);border:1px solid var(--warn-line);border-radius:16px;padding:20px 24px;max-width:820px;color:var(--ink)}
.note p{color:var(--ink)}
.script td:first-child{width:96px}
@media (max-width:960px){.cards{grid-template-columns:1fr}.assets{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.shots{grid-template-columns:1fr}}
@media (max-width:480px){.assets{grid-template-columns:1fr}.summary{font-size:17px}
  .tbl,.tbl tbody,.tbl tr,.tbl td,.tbl th{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{border-bottom:1px solid var(--line);padding-block:12px}
  .tbl td,.tbl th{border:0;padding:2px 0}
  .script td:first-child{width:auto}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}