._stack_1kig4_1 { display: grid; justify-items: start; gap: .9rem; align-content: start; }
._full_1kig4_2 { width: 100%; }

._jump_1kig4_4 { position: sticky; inset-block-start: 0; z-index: 20; border-block-end: 1px solid var(--line); }
._jump_1kig4_4 + .sheet { margin-block-start: 0; border-radius: 0; }
._jump_1kig4_4 ul { display: flex; gap: clamp(.9rem, 2.5vw, 2.5rem); overflow-x: auto; scrollbar-width: none; }
._jump_1kig4_4 a { display: inline-flex; align-items: center; gap: .55rem; min-height: 3.25rem; font-size: .9rem; font-weight: 500; white-space: nowrap; transition: color .35s; }
._jump_1kig4_4 a:hover { color: var(--accent); }
._jump_1kig4_4 i, ._cat_1kig4_9 i { width: .6rem; height: .6rem; border-radius: 50%; background: var(--cat); }
._gap_1kig4_10 { margin-block-start: clamp(1.75rem, 3vw, 2.75rem); }
._groupRow_1kig4_11 { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: clamp(1rem, 2.5vw, 2.5rem); align-items: start; padding-block-end: clamp(1.25rem, 2vw, 2rem); margin-block-end: clamp(1.25rem, 2vw, 2rem); border-block-end: 1px solid var(--line); scroll-margin-top: calc(var(--header-h) + 4rem); }
._groupRow_1kig4_11 .shead { display: grid; margin-block-end: 0; gap: .75rem; }
._groupRow_1kig4_11 .h2 { font-size: var(--fs-h3); font-weight: 600; }
._groupRow_1kig4_11 .lead { font-size: .9rem; line-height: 1.85; }

._about_1kig4_16 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(1.5rem, 5vw, 5rem); }

._rows_1kig4_18 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 0 clamp(1.25rem, 3vw, 3rem); }
._rows_1kig4_18 a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.25rem; border-block-end: 1px solid var(--line-2); transition: color .35s, padding .8s var(--ease); }
._rows_1kig4_18 a:hover, ._rows_1kig4_18 a:focus-visible { color: var(--accent); padding-inline-start: .5rem; }
._rows_1kig4_18 svg { flex: none; width: 1.1rem; height: 1.1rem; color: var(--accent); }

._more_1kig4_23 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
._more_1kig4_23 a { display: grid; gap: .25rem; height: 100%; padding: 1.15rem 1.3rem; border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow-soft); transition: transform .8s var(--ease), box-shadow .6s; }
._more_1kig4_23 span { font-weight: 600; }
._more_1kig4_23 small { font-size: .84rem; line-height: 1.75; color: var(--fg-2); }

/* Product detail: everything about the material in one section */
._cat_1kig4_9 { display: inline-flex; align-items: center; gap: .5rem; font-size: .84rem; font-weight: 600; color: var(--fg-2); }
._grade_1kig4_30 { font-size: .95rem; font-weight: 600; color: var(--accent); }
._actions_1kig4_31 { display: flex; flex-wrap: wrap; gap: .65rem; margin-block-start: .4rem; }
._dossier_1kig4_32 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.25rem, 2.5vw, 2.25rem) clamp(1.5rem, 4vw, 4rem); align-items: start; }
._dMain_1kig4_33 { grid-column: 1; }
._dSide_1kig4_34 { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: .9rem; }
._dPair_1kig4_35 { grid-column: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); align-items: start; }
._dGrading_1kig4_36 { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(1.25rem, 3vw, 3rem); align-items: center; padding: clamp(1.25rem, 2.4vw, 2.25rem); }
._gradingNote_1kig4_37 { font-size: .88rem; line-height: 1.9; color: var(--fg-2); }
._visual_1kig4_38 { --radius: var(--r-lg); aspect-ratio: 16 / 10; box-shadow: var(--shadow-soft); }
._alsoRead_1kig4_39 { display: flex; align-items: center; gap: .9rem; margin-block: -.75rem 1rem; font-size: .92rem; color: var(--fg-2); }
._others_1kig4_40 { margin-block-start: clamp(1.25rem, 2.5vw, 2.25rem); }
._columnsEven_1kig4_41 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
._spec_1kig4_42 { padding: 1.35rem 1.5rem; background: var(--bitumen); color: var(--ivory); }
._spec_1kig4_42 dl { display: grid; margin-block-start: .85rem; font-size: .9rem; }
._spec_1kig4_42 dl > div { display: grid; grid-template-columns: minmax(84px, 2fr) minmax(0, 5fr); gap: .75rem; padding-block: .6rem; border-block-start: 1px solid color-mix(in srgb, var(--ivory) 18%, transparent); }
._spec_1kig4_42 dt { color: color-mix(in srgb, var(--ivory) 70%, transparent); }
._uses_1kig4_46 { display: grid; gap: .45rem; }
._uses_1kig4_46 li { display: flex; gap: .6rem; align-items: flex-start; }
._uses_1kig4_46 svg { flex: none; width: 1.15rem; height: 1.15rem; margin-block-start: .35rem; color: var(--accent); }
._appLinks_1kig4_49 { display: flex; flex-wrap: wrap; gap: .35rem 1.5rem; }

._grading_1kig4_37 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: .55rem clamp(1rem, 3vw, 2.5rem); }
._gradingRow_1kig4_52 { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr) 4.25rem; gap: 1rem; align-items: center; font-size: .86rem; }
._gradingTrack_1kig4_53 { position: relative; height: .7rem; overflow: hidden; border-radius: var(--r-pill); background: color-mix(in srgb, var(--teal-mist) 14%, transparent); }
._gradingTrack_1kig4_53 i {
  position: absolute; inset-block: 0; inset-inline-start: calc(var(--from) * 100%); width: calc((var(--to) - var(--from)) * 100%); min-width: 3px;
  border-radius: var(--r-pill); background: linear-gradient(90deg, var(--teal), var(--gold)); transform-origin: 100% 50%;
}
html.motion [data-reveal]:not(.is-in) ._gradingTrack_1kig4_53 i { transform: scaleX(0); }
html.motion [data-reveal].is-in ._gradingTrack_1kig4_53 i { transition: transform 1.1s var(--ease) calc(var(--i) * 70ms + .2s); }
._gradingVal_1kig4_60 { text-align: end; color: var(--fg-2); }

/* Applications */
._appList_1kig4_63 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: clamp(1rem, 2vw, 1.75rem); }
._appList_1kig4_63 > li { display: grid; gap: .8rem; align-content: start; }
._appImg_1kig4_65 { display: block; aspect-ratio: 16 / 9; }
._criteria_1kig4_66 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 3rem); }
._criteria_1kig4_66 li { display: grid; gap: .4rem; align-content: start; padding-block-start: 1rem; border-block-start: 1px solid var(--line-2); }
._criteria_1kig4_66 span { font-size: 2rem; font-weight: 300; line-height: 1.2; color: var(--gold); }
._criteria_1kig4_66 p { color: var(--fg-2); }
._othersHead_1kig4_70 { margin-block-end: .6rem; font-weight: 600; }

@media (max-width: 960px) {
  ._about_1kig4_16, ._columnsEven_1kig4_41, ._criteria_1kig4_66, ._dossier_1kig4_32, ._dPair_1kig4_35, ._dGrading_1kig4_36, ._groupRow_1kig4_11 { grid-template-columns: minmax(0, 1fr); }
  ._dMain_1kig4_33, ._dPair_1kig4_35, ._dSide_1kig4_34 { grid-column: 1; grid-row: auto; }
}
@media (max-width: 560px) {
  ._gradingRow_1kig4_52 { grid-template-columns: 5.75rem minmax(0, 1fr) 3.75rem; gap: .6rem; font-size: .78rem; }
}