:root{--ink:#171a22;--muted:#666c79;--line:#e2e4e9;--paper:#f7f8fa;--white:#fff;--accent:#e85c3a;--dark:#242936}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.discover-header{display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#fff}.discover-header>a:last-child{font-size:.82rem;font-weight:800;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:850}.breadcrumbs{display:flex;width:min(1180px,calc(100% - 40px));gap:10px;margin:22px auto;color:var(--muted);font-size:.72rem}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.discover-hero{display:grid;width:min(1180px,calc(100% - 40px));grid-template-columns:.9fr 1.1fr;gap:70px;margin:65px auto 90px}.discover-hero>p,.hub-hero>p:first-child,.section-head>p,.reading-guide>p{color:var(--accent);font:850 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.discover-hero h1{grid-column:1;margin:14px 0 0;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1.12;letter-spacing:-.06em}.discover-hero h1 strong{color:var(--accent)}.hero-summary{grid-column:2;grid-row:1/3;align-self:end;padding:34px;border-left:4px solid var(--accent);background:var(--paper)}.hero-summary>p{margin:0;color:var(--muted);font-size:.95rem}.hero-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0 0}.hero-summary dt{color:var(--muted);font-size:.68rem}.hero-summary dd{margin:4px 0 0;font-size:.9rem;font-weight:850}.discover-list{padding:85px max(22px,calc((100vw - 1180px)/2));background:var(--paper)}.section-head{margin-bottom:35px}.section-head p{margin:0}.section-head h2{display:inline-block;margin:8px 20px 0 0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.section-head span{color:var(--muted);font-size:.76rem}.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.discover-card{display:grid;grid-template-columns:42% 58%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .2s,box-shadow .2s}.discover-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(26,29,38,.09)}.discover-card>img{width:100%;height:100%;min-height:310px;object-fit:cover}.discover-card>div{display:flex;min-width:0;flex-direction:column;padding:24px}.discover-card span{color:var(--accent);font-size:.68rem;font-weight:850}.discover-card h2{margin:7px 0 10px;font-size:1.06rem;line-height:1.55}.discover-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.discover-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.discover-card dt{color:var(--muted);font-size:.65rem}.discover-card dd{margin:2px 0 0;font-size:.72rem;font-weight:800}.discover-card b{margin-top:auto;font-size:.74rem}.reading-guide{width:min(1180px,calc(100% - 40px));margin:100px auto}.reading-guide>p{margin:0}.reading-guide>h2{margin:8px 0 34px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.reading-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reading-guide article{padding:28px;border-top:3px solid var(--accent);background:var(--paper)}.reading-guide article>b{color:var(--accent);font:850 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.reading-guide h3{margin:12px 0 8px;font-size:1rem}.reading-guide article p{margin:0;color:var(--muted);font-size:.8rem}.related-links{padding:68px max(22px,calc((100vw - 1180px)/2));border-top:1px solid var(--line)}.related-links--muted{background:var(--paper)}.related-links h2{margin:0 0 22px;font-size:1.45rem}.related-links>div{display:flex;gap:10px;flex-wrap:wrap}.related-links a{display:flex;min-width:170px;justify-content:space-between;gap:22px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.78rem}.related-links b{color:var(--accent)}.hub-hero{width:min(1180px,calc(100% - 40px));margin:75px auto}.hub-hero>p:first-child{margin:0}.hub-hero h1{margin:12px 0 15px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.1;letter-spacing:-.06em}.hub-hero>p:last-child{max-width:620px;color:var(--muted)}.hub-groups{display:grid;padding:70px max(22px,calc((100vw - 1180px)/2));grid-template-columns:repeat(2,1fr);gap:17px;background:var(--paper)}.hub-groups article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.hub-groups h2{display:inline-block;margin:0 10px 18px 0;font-size:1.5rem}.hub-groups article>p{display:inline;color:var(--muted);font-size:.72rem}.hub-groups article>div{display:flex;gap:8px;flex-wrap:wrap}.hub-groups article a{display:flex;flex:1 1 180px;justify-content:space-between;padding:11px 13px;border-radius:7px;background:#f3f4f6;font-size:.73rem;font-weight:800}.hub-groups article a b{color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px max(22px,calc((100vw - 1180px)/2));color:#c2c6d0;background:#171a22}footer a{color:#fff;font-weight:850}footer p{margin:0;font-size:.72rem}
@media(max-width:850px){.discover-hero{grid-template-columns:1fr;gap:28px}.discover-hero h1,.hero-summary{grid-column:1;grid-row:auto}.discover-grid{grid-template-columns:1fr}.reading-guide>div{grid-template-columns:1fr}.hub-groups{grid-template-columns:1fr}}
@media(max-width:560px){.discover-header{height:62px;padding:0 17px}.brand{font-size:.88rem}.discover-header>a:last-child{font-size:.7rem}.discover-hero{margin:45px auto 65px}.discover-hero h1{font-size:2.6rem}.hero-summary{padding:24px}.hero-summary dl{grid-template-columns:1fr}.discover-list{padding:60px 19px}.discover-card{grid-template-columns:1fr}.discover-card>img{height:210px;min-height:0}.reading-guide{margin:70px auto}.hub-hero{margin:50px auto}.hub-hero h1{font-size:2.6rem}.hub-groups{padding:55px 19px}footer{align-items:flex-start;flex-direction:column;padding:30px 19px}}

.discover-hero h1,.hub-hero h1,.section-head h2,.reading-guide>h2,.discover-card h2,.hub-groups h2{text-wrap:balance;line-break:strict;overflow-wrap:anywhere}
.discover-hero h1{max-width:10.5em;font-size:clamp(2.8rem,5vw,5rem);line-height:1.16}
.hub-hero h1{max-width:13em;font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:1.15}
.hub-hero>p:last-child{font-size:.98rem;line-height:1.9}
