.infoPage{padding-bottom:48px}.infoHero{background:var(--surface-info);padding:28px 0 48px;border-bottom:1px solid var(--border-soft)}
.infoCrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.85rem;color:var(--text-muted);margin-bottom:32px}.infoCrumbs a{color:var(--text);text-underline-offset:4px}
.infoHero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.18;max-width:25ch;margin:14px 0 20px}.infoIntro{max-width:70ch;font-size:1.13rem;line-height:1.7;color:var(--text-muted)}
.infoLayout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;margin-top:48px;align-items:start}.infoAside{position:sticky;top:100px;min-width:0}.infoContents{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:20px}.infoContents summary{font-weight:600;cursor:pointer}.infoContents nav{display:grid;gap:16px;margin-top:22px}.infoContents a{color:var(--text-muted);font-size:.95rem;line-height:1.45;text-decoration:none}.infoContents a:hover,.infoContents a:focus-visible{color:var(--action-hover);text-decoration:underline}.infoOverview{display:flex;justify-content:space-between;padding:20px 4px;color:var(--action-hover)}
.infoArticle{min-width:0}.infoSection{max-width:76ch;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid var(--border-soft);scroll-margin-top:110px}.infoSection h2{font-size:1.6rem;line-height:1.3;margin-bottom:16px}.infoSection p{line-height:1.8;white-space:pre-line;color:var(--text-muted)}
.infoRelated{margin-top:48px;scroll-margin-top:110px}.infoRelated>h2{font-size:1.65rem;margin-bottom:24px}.infoCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.infoCard{display:block;padding:24px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none}.infoCard:hover{border-color:var(--action);background:var(--surface-info)}.infoCard h3{font-family:var(--font-interface);font-size:1.05rem;line-height:1.5;margin-bottom:10px}.infoCard h3 span{color:var(--action-hover)}.infoCard p{font-size:.95rem;line-height:1.65;color:var(--text-muted)}
.infoContact{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--surface-info);padding:32px;border-radius:14px;margin-top:56px}.infoContact h2{font-size:1.7rem;margin-bottom:12px}.infoContact p{color:var(--text-muted)}.infoContact .button{flex-shrink:0}.infoNotice{padding:20px;border-left:3px solid var(--action);background:var(--surface-info);line-height:1.7}.infoNotice a{color:var(--action-hover)}
.homeKnowledge{padding-block:32px 48px}.homeKnowledge p{max-width:70ch;line-height:1.7;margin-top:12px}.homeKnowledge .textLink{display:inline-block;margin-top:18px}
@media(max-width:980px){.infoLayout{grid-template-columns:1fr;gap:28px}.infoAside{position:static}.infoContents nav{grid-template-columns:repeat(2,minmax(0,1fr))}.infoContact{align-items:start;flex-direction:column}}
@media(max-width:600px){.infoHero{padding:20px 0 28px}.infoCrumbs{margin-bottom:24px}.infoHero h1{font-size:2rem}.infoIntro{font-size:1rem}.infoLayout{margin-top:28px}.infoContents nav,.infoCardGrid{grid-template-columns:1fr}.infoSection h2{font-size:1.35rem}.infoSection{margin-bottom:28px;padding-bottom:24px}.infoCard{padding:20px}.infoContact{padding:24px;margin-top:32px}.infoContact h2{font-size:1.4rem}.infoContact .button{width:100%}}
