.page-subject-detail{background:#f6f1f2;color:var(--text,#0f172a)}.subject-cover{height:clamp(200px,32vw,360px);position:relative;background-size:cover;background-repeat:no-repeat;background-position:center 32%;overflow:hidden}.subject-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none;background:linear-gradient( 180deg,rgba(246,241,242,0) 0%,rgba(246,241,242,0.25) 35%,rgba(246,241,242,0.65) 70%,rgba(246,241,242,1) 100% )}.page-title-section--subject{background:transparent;padding:0 0 28px;text-align:center}.page-title-section--overlap{position:relative;padding-top:40px;margin-top:-90px;z-index:2}.subjectTitleCard{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 60px rgba(15,23,42,.14);padding:28px 22px}.subjectTabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.subjectTab{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:rgba(15,23,42,.03);color:rgba(15,23,42,.82);font-weight:600;font-size:.9rem;text-decoration:none}.subjectTab.is-active{background:rgba(255,80,80,0.14);border-color:rgba(255,80,80,0.18);color:#e05353;font-weight:700}.subjectTitleBlock{display:grid;gap:10px;justify-items:center}.subjectTitleRow{display:grid;grid-auto-flow:column;align-items:baseline;justify-content:center;gap:18px}.subjectTitle{margin:0;font-size:44px;line-height:1.18;font-weight:800;color:#0f1a2b;letter-spacing:-0.02em}.subjectTitleEn{font-size:24px;font-weight:800;color:rgba(15,26,43,0.72);white-space:nowrap}.subjectTitleSub{display:grid;gap:18px;justify-items:center}.subjectLead{margin:0;max-width:760px;font-size:1.06rem;color:rgba(15,23,42,.78);line-height:1.7}.subjectMeta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.subjectMeta__chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border-color:rgba(15,23,42,.08);background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.10);color:rgba(15,23,42,.78);font-size:.86rem;font-weight:600}.subjectHighlights{width:100%;margin-top:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subjectHighlight{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06);text-align:left}.subjectHighlight__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.subjectHighlight__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(15,23,42,.06);flex:0 0 auto}.subjectHighlight__icon img{width:22px;height:22px;object-fit:contain}.subjectHighlight__title{margin:0;font-size:1rem;font-weight:800;color:#0f172a;line-height:1.2}.subjectHighlight__text{margin:0;color:rgba(15,23,42,.72);line-height:1.6;font-size:.95rem}.subjectBody{padding:0 0 clamp(64px,7vw,96px);background:#f6f1f2}.subjectGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.subjectCard{background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(2,6,23,.06)}.subjectCard__title{margin:0 0 12px;font-size:1.05rem;font-weight:800;color:#0f172a}.subjectList{list-style:none;margin:0;padding:0;display:grid;gap:10px}.subjectList li{position:relative;padding-left:18px;line-height:1.7;color:rgba(15,23,42,.88)}.subjectList li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:999px;background:rgba(252,61,76,.85)}.subjectSteps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.subjectStep{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:rgba(2,6,23,.02)}.subjectStep__no{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;background:rgba(252,61,76,.14);border:1px solid rgba(252,61,76,.26);color:rgba(15,23,42,.92);flex:0 0 auto}.subjectStep__body h4{margin:0 0 4px;font-size:1rem;color:#0f172a}.subjectStep__body p{margin:0;color:rgba(15,23,42,.74);line-height:1.7}.subjectFaq{display:grid;gap:10px}.subjectFaq__item{border:1px solid rgba(15,23,42,.10);border-radius:14px;background:rgba(2,6,23,.02);padding:10px 12px}.subjectFaq__item summary{display:flex;align-items:center;justify-content:space-between;font-weight:600;gap:16px;cursor:pointer}.subjectFaq__item summary::after{content:"";width:8px;height:8px;border-right:2px solid rgba(36,52,74,.7);border-bottom:2px solid rgba(36,52,74,.7);transform:rotate(45deg);transition:transform .2s ease;flex:0 0 auto}.subjectFaq__item[open] summary::after{transform:rotate(-135deg)}.subjectFaq__a{margin-top:8px;color:rgba(15,23,42,.74);line-height:1.7}.page-subject-detail .c-btn{height:38px;padding:0 14px;border-radius:12px}.page-subject-detail .c-btn__text{font-size:13px;font-weight:600}.page-subject-detail .c-btn--outline{height:36px;border-width:1.5px}.page-subject-detail .c-btn--outline:hover{background:rgba(15,23,42,.04)}.subjectCta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}@media (max-width:980px){.subjectHighlights{grid-template-columns:1fr}.subjectGrid{grid-template-columns:1fr}}@media (max-width:720px){.subjectTitleRow{grid-auto-flow:row;gap:8px}.subjectTitle{font-size:30px;line-height:1.22;font-weight:800}.subjectTitleEn{font-size:20px;font-weight:800}.subjectLead{font-size:0.98rem;line-height:1.7}}.subjectSide{display:grid;gap:14px;position:sticky;top:18px}.subjectQuick{margin:10px 0 0;padding-left:18px;color:rgba(15,23,42,.78);line-height:1.65;font-size:.95rem}.subjectQuick li{margin:6px 0}.subjectSideCta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.subjectSideBtn{height:42px}.subjectSideLinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.subjectSideLink{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.75);color:rgba(15,23,42,.88);text-decoration:none;font-size:.92rem}.subjectSideLink:hover{background:rgba(255,255,255,.95)}.subjectSideLink.is-active{border-color:rgba(15,23,42,.28);background:rgba(255,255,255,.98);font-weight:700}@media (max-width:980px){.subjectSide{position:static}}