.ht-level{background:var(--page-bg);color:var(--neutral-500);padding:clamp(40px,6vw,68px) 0 clamp(56px,8vw,88px)}.ht-level__inner{margin:0 auto;max-width:764px;padding:0 22px}.ht-level .level-head{margin:0 0 clamp(22px,3.4vw,30px)}.ht-level .level-title{text-wrap:balance;color:var(--neutral-700);font-size:var(--fs-display);font-weight:700;letter-spacing:.01em;line-height:1.25;margin:0 0 12px}.ht-level .level-board{background:#fff;border:1px solid var(--panel-hairline);border-radius:14px;box-shadow:var(--panel-shadow);overflow:hidden}.ht-level .level-category__title{background:var(--brand-primary-100);color:var(--brand-primary-700);font-size:var(--fs-sub);font-weight:700;letter-spacing:.02em;line-height:1.4;margin:0;padding:16px clamp(18px,2.6vw,26px) 12px}.ht-level .level-table-frame{padding:8px clamp(14px,2.2vw,22px) 16px}.ht-level .member-level-table__value-line{display:block}.ht-level .member-level-table__value-line+.member-level-table__value-line{margin-top:2px}.ht-level .level-item{border-top:1px solid var(--panel-hairline)}.ht-level .level-q{align-items:center;color:var(--neutral-700);cursor:pointer;display:flex;font-size:var(--fs-body);font-weight:500;gap:16px;line-height:1.5;list-style:none;padding:18px clamp(18px,2.6vw,26px);transition:color .18s ease,scale var(--press-out,.18s) var(--press-ease,cubic-bezier(.2,.9,.25,1))}.ht-level .level-q::-webkit-details-marker{display:none}.ht-level .level-q__text{text-wrap:pretty;flex:1}.ht-level .level-item[open] .level-q{color:var(--brand-primary-700);font-weight:700;padding-bottom:10px}.ht-level .level-q:focus-visible{outline:2px solid var(--brand-primary-700);outline-offset:-3px}@media (hover:hover){.ht-level .level-q:hover{color:var(--brand-primary-700)}}.ht-level .level-q:active{color:var(--brand-primary-700);scale:var(--press-scale,1);transition-duration:var(--press-in,.04s)}.ht-level .level-chevron{border-bottom:2px solid var(--brand-primary-700);border-right:2px solid var(--brand-primary-700);flex:none;height:9px;margin-right:3px;transform:rotate(45deg);transition:transform .28s ease;width:9px}.ht-level .level-item[open] .level-chevron{transform:rotate(-135deg)}.ht-level .level-a{color:var(--neutral-500);font-size:var(--fs-sub);line-height:1.9;padding:0 clamp(18px,2.6vw,26px) 22px}.ht-level .level-a__p{text-wrap:pretty;margin:0;max-width:620px}.ht-level .level-a__p+.level-a__p{margin-top:10px}.ht-level .level-a__list{margin:10px 0 0;max-width:620px;padding-left:1.4em}.ht-level .level-a__list li+li{margin-top:8px}.ht-level .level-a__term{color:var(--neutral-700);font-weight:700}.ht-level .level-a__example{background:var(--ink-wash);border-radius:10px;margin-top:14px;max-width:620px;padding:12px 14px}.ht-level .level-a__example-label{color:var(--neutral-500);font-size:var(--fs-micro);font-weight:700;letter-spacing:.06em;line-height:1.5;margin:0 0 6px}.ht-level .level-a__example-list{list-style:none;margin:0;padding:0}.ht-level .level-a__example-list li+li{margin-top:8px}.ht-level .level-exits{display:grid;gap:10px;margin-top:18px}.ht-level .level-exit{align-items:center;background:#fff;border:1px solid var(--neutral-400);border-radius:10px;color:var(--neutral-700);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:14px;padding:14px 16px;text-align:left;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,scale var(--press-out,.18s) var(--press-ease,cubic-bezier(.2,.9,.25,1));width:100%}.ht-level .level-me{margin-top:16px}.ht-level .level-exit__text{flex:1;min-width:0}.ht-level .level-exit__name{color:var(--neutral-700);display:block;font-size:var(--fs-sub);font-weight:700;line-height:1.4}.ht-level .level-exit__desc{color:var(--neutral-500);display:block;font-size:var(--fs-micro);line-height:1.5;margin-top:2px}.ht-level .level-exit__arrow{border-bottom:2px solid var(--brand-primary-700);border-right:2px solid var(--brand-primary-700);flex:none;height:8px;margin-right:3px;transform:rotate(-45deg);width:8px}.ht-level .level-exit:focus-visible{outline:2px solid var(--brand-primary-700);outline-offset:2px}@media (hover:hover){.ht-level .level-exit:hover{background:var(--ink-wash);border-color:var(--brand-primary-700)}}.ht-level .level-exit:active{background:var(--ink-wash);border-color:var(--brand-primary-700);scale:var(--press-scale,1);transition-duration:var(--press-in,.04s)}@media (min-width:768px){.ht-level .level-exits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ht-level .level-chevron,.ht-level .level-exit,.ht-level .level-q{transition:none}}
