.topic-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 28px}
.topic-links a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:10px 16px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.topic-links a:hover{background:var(--mist)}
.topic-links a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.topic-heading{max-width:780px;margin:30px 0 48px}
.topic-heading h1{font-size:clamp(32px,5vw,60px);line-height:1.16;letter-spacing:-.045em;margin:15px 0 20px;text-wrap:balance}
.topic-heading>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:640px}
.topic-section{border-top:1px solid var(--line);padding-top:28px;margin-bottom:52px}
.topic-section-heading{display:flex;gap:20px;align-items:baseline;margin-bottom:25px;max-width:800px}
.topic-section-heading>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.topic-section-heading h2{font-size:26px;letter-spacing:-.03em;line-height:1.35;margin:0 0 9px}
.topic-section-heading p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.topic-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px}
.topic-story-grid .story-card{min-width:0}
.topic-brand-reading{max-width:940px;margin:0 0 52px;padding:24px;background:#f5f6f8;border:1px solid var(--line)}
.topic-brand-reading h2{font-size:23px;line-height:1.35;letter-spacing:-.03em;margin:0 0 9px}
.topic-brand-reading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:720px;margin:0 0 20px}
.topic-brand-reading ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.topic-brand-reading li{min-width:0}
.topic-brand-reading a{display:block;height:100%;padding:18px;background:var(--paper);border:1px solid var(--line);text-decoration:none}
.topic-brand-reading a:hover{border-color:var(--blue)}
.topic-brand-reading a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.topic-brand-reading h3{display:flex;justify-content:space-between;gap:16px;font-size:19px;line-height:1.4;margin:0 0 10px}
.topic-brand-reading h3 span{font-weight:400;color:var(--blue)}
.topic-brand-reading a p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
html[lang=ko] .topic-brand-reading{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:600px){.topic-brand-reading{padding:18px;margin-bottom:36px}.topic-brand-reading ul{grid-template-columns:minmax(0,1fr)}.topic-brand-reading h2{font-size:22px}}
.topic-more{border-top:1px solid var(--line);padding-top:25px;margin-bottom:40px}
.reading-tools .topic-links{display:grid;gap:8px;margin:18px 0}
html[lang=ko] .topic-heading,html[lang=ko] .topic-section-heading{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:600px){.topic-story-grid{grid-template-columns:minmax(0,1fr)}.topic-heading{margin:26px 0 34px}.topic-heading h1{font-size:34px}.topic-section-heading{gap:12px}.topic-section-heading h2{font-size:23px}.topic-links{gap:8px}.topic-links a{flex:1 1 140px;gap:14px}.topic-heading>p{font-size:16px}.topic-section{margin-bottom:36px}}
