/* Illustrated reference list, using the shared site width and compact hero. */
.marks-intro-note { padding:1.2rem 1.5rem; background:var(--color-paper); color:var(--color-muted); font-size:.9rem; margin-bottom:2.5rem; }
.mark-list { border-top:1px solid var(--color-guide-line); }
.mark-entry { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:2rem; align-items:start; padding:1.7rem 0; border-bottom:1px solid var(--color-guide-line); }
.function-mark { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:5rem; padding:.6rem .3rem; border:1px solid var(--color-guide-line); border-radius:.5rem; color:var(--color-teal); font-weight:700; font-size:.92rem; line-height:1.6; text-align:center; background:var(--color-paper); }
.function-mark img { max-height:5rem; width:auto; max-width:100%; object-fit:contain; }
.mark-entry h3 { font-size:1.1rem; margin-bottom:.6rem; }
.mark-entry p { margin-bottom:0; }
.mark-entry .source-note { margin-top:.7rem; }
.warranty-process { margin-top:2rem; }
.warranty-process>ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; list-style:none; counter-reset:registration; padding:0; margin:2rem 0; }
.warranty-process>ol>li { counter-increment:registration; font-size:.9rem; border-top:2px solid var(--color-teal); padding-top:.8rem; }
.warranty-process>ol>li::before { content:counter(registration,decimal-leading-zero); display:block; color:var(--color-teal); font-size:1rem; font-weight:700; margin-bottom:.7rem; }
.mark-details { border-block:1px solid var(--color-guide-line); margin-top:1.5rem; }
.mark-details summary { cursor:pointer; padding:1rem 0; font-size:.9rem; font-weight:700; }
.mark-details p { font-size:.85rem; }
.temperature-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; padding:1.7rem; margin-top:2rem; background:var(--color-aqua-soft); }
.temperature-examples span { font-size:.8rem; color:var(--color-teal); }
.temperature-examples h3 { font-size:1.1rem; margin-top:.6rem; }
.temperature-examples p { font-size:.9rem; margin:0; }
.extra-body .marks-wide-figure { margin:2rem auto 0; max-width:48rem; }
.marks-wide-figure img { width:100%; }
.extra-body .marks-install-figure { margin:1.5rem 0 0; width:min(100%,17rem); }
.marks-install-figure img { width:100%; }
.reservation-flow { padding:1.5rem; background:var(--color-aqua-soft); margin-top:2rem; }
.reservation-flow ol { display:flex; flex-wrap:wrap; gap:1rem 2rem; list-style:none; padding:0; margin:1rem 0 0; }
.reservation-flow li { font-size:.9rem; }
.reservation-flow li+li::before { content:'→'; margin-right:1rem; color:var(--color-teal); }
@media(max-width:40rem) {
 .marks-intro-note { padding:1rem; }
 .mark-entry { grid-template-columns:4.7rem minmax(0,1fr); gap:1rem; padding-block:1.5rem; }
 .function-mark { font-size:.7rem; min-height:4.4rem; overflow-wrap:anywhere; }
 .mark-entry h3 { font-size:1rem; }
 .mark-entry p { font-size:.9rem; }
 .mark-entry .source-note { font-size:.76rem; }
 .warranty-process>ol,.temperature-examples { grid-template-columns:minmax(0,1fr); }
}