:root{--ink:#2c2430;--muted:#746a75;--paper:#fffafc;--pink:#df4f81;--pink-dark:#a52d59;--line:#eadde3;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;line-height:1.75;background:linear-gradient(180deg,#fff 0,#fff8fb 62%,#f9f1f5 100%)}
.note-header{min-height:78px;padding:13px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgb(255 255 255 / 94%);border-top:5px solid var(--pink)}
.note-logo{display:grid;color:var(--ink);text-decoration:none;line-height:1.15}
.note-logo span{margin-bottom:5px;color:var(--pink);font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.note-logo strong{font-size:1.38rem;letter-spacing:.07em}
.portal-link{padding:9px 14px;color:var(--pink-dark);border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}
.portal-link:hover,.portal-link:focus-visible{color:#fff;background:var(--pink-dark)}
.note-hero{position:relative;isolation:isolate;min-height:min(650px,72vh);display:grid;align-items:end;overflow:hidden;color:#fff}
.note-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.note-hero__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(43,19,31,.9) 0,rgba(65,27,44,.66) 42%,rgba(65,27,44,.08) 75%),linear-gradient(0deg,rgba(35,15,25,.66),transparent 46%)}
.note-hero__content{width:min(1180px,100%);margin:0 auto;padding:clamp(54px,8vw,105px) 28px}
.eyebrow{margin:0 0 12px;color:var(--pink);font-size:.7rem;font-weight:900;letter-spacing:.2em}
.note-hero .eyebrow{color:#ff9abe}
.note-hero h1{max-width:760px;margin:0;font-size:clamp(2rem,5.4vw,4.4rem);line-height:1.3;letter-spacing:.04em;text-wrap:balance}
.note-hero__content>p:last-child{margin:22px 0 0;font-size:clamp(.95rem,1.4vw,1.1rem)}
.topics{width:min(1120px,100%);margin:0 auto;padding:86px 24px 110px}
.topics__intro{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(320px,1.25fr);gap:6px 54px;align-items:end;margin-bottom:54px}
.topics__intro .eyebrow{grid-column:1;margin:0}
.topics__intro h2{grid-column:1;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:.08em}
.topics__intro>p:last-child{grid-column:2;grid-row:1/3;margin:0;color:var(--muted)}
.topic-group{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:42px 0;border-top:1px solid var(--line)}
.topic-group:last-child{border-bottom:1px solid var(--line)}
.topic-group__header{display:flex;gap:18px;align-items:flex-start}
.topic-group__number{color:#cdb9c2;font:700 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.topic-group__header p{margin:0 0 3px;color:var(--pink);font-size:.65rem;font-weight:900;letter-spacing:.18em}
.topic-group h3{margin:0;font-size:1.55rem;letter-spacing:.06em}
.article-list{display:grid;gap:12px}
.article-card{min-height:108px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgb(77 42 57 / 6%);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.article-card[href]:hover,.article-card[href]:focus-visible{transform:translateY(-2px);border-color:#daa6ba;box-shadow:0 13px 28px rgb(77 42 57 / 11%)}
.article-card__kind{color:var(--pink-dark);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.article-card h4{margin:5px 0 0;font-size:clamp(1.08rem,2vw,1.35rem);letter-spacing:.035em}
.article-card p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}
.article-card__status{flex:0 0 auto;padding:5px 10px;color:#8b7780;background:#f7eef2;border-radius:999px;font-size:.7rem;font-weight:700}
.more-note{margin:7px 4px 0;color:#92848b;font-size:.82rem}
footer{padding:28px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#d9c9d0;background:#2c1721;font-size:.76rem}
footer p{margin:0}
footer a{color:#f2dfe7;text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:700px){.note-header{min-height:70px;padding:11px 18px}.note-logo strong{font-size:1.1rem}.portal-link{padding:7px 10px;font-size:.7rem}.note-hero{min-height:520px}.note-hero>img{object-position:59% center}.note-hero__shade{background:linear-gradient(0deg,rgba(43,19,31,.92) 0,rgba(43,19,31,.58) 54%,rgba(43,19,31,.08) 100%)}.note-hero__content{padding:48px 22px}.note-hero h1 br{display:none}.topics{padding:60px 19px 78px}.topics__intro{display:block;margin-bottom:38px}.topics__intro>p:last-child{margin-top:15px}.topic-group{grid-template-columns:1fr;gap:22px;padding:34px 0}.article-card{min-height:100px;padding:19px;align-items:flex-start}.article-card__status{margin-top:2px}footer{display:block}footer>*+*{margin-top:8px}}