/* The complete Togamaker ensemble; each chapter inherits its own colour tokens. */
.accessory-index{padding-block:18px;border-block:1px solid var(--tone-line)}
.accessory-index .wrap{display:flex;flex-wrap:wrap;gap:8px 28px}
.accessory-index a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;color:var(--tone-title);text-underline-offset:6px}
.accessory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;align-items:start}
.accessory-card{min-width:0;scroll-margin-top:145px}
.accessory-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.accessory-zoom{display:block;position:relative;min-width:0;width:100%;padding:0;background:var(--photo-surface);border:0;cursor:zoom-in;border-radius:3px;overflow:hidden}
.accessory-pair img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}
.zoom-symbol{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fcfaf6;color:#181719;font:1.2rem var(--sans);box-shadow:0 1px 6px #18171920}
.accessory-copy{padding-top:25px}
.accessory-category{display:block;font-size:.875rem;line-height:1.6;color:var(--tone-muted);margin-bottom:8px}
.accessory-copy h3{font-size:clamp(1.65rem,2.3vw,2.1rem);line-height:1.2;margin:0 0 16px}
.accessory-copy p{font-size:1rem;line-height:1.8;margin-bottom:16px;max-width:62ch;color:var(--tone-text)}
.accessory-copy .accessory-inclusion{padding-block:14px;border-block:1px solid var(--tone-line);font-size:.9375rem;color:var(--tone-title)}
.accessory-details{border-bottom:1px solid var(--tone-line);margin-bottom:18px}
.accessory-details summary{font-size:1rem;font-weight:500;padding:6px 0 18px;cursor:pointer;list-style-position:inside;color:var(--tone-title)}
.accessory-details>div{padding-block:0 10px}
.accessory-details h4{font:500 1rem var(--sans);margin:20px 0 8px}
.accessory-copy>.text-link{display:inline-flex;min-height:44px;align-items:center}
.accessory-grid-single{display:block}
.accessory-grid-single .accessory-card{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.accessory-grid-single .accessory-copy{padding:0}
.complete-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.complete-feature figure,.delivery-cover,.delivery-detail figure{margin:0}
.complete-feature img,.delivery-cover img,.delivery-detail img{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}
.complete-feature h3{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.2;margin-bottom:20px}
.complete-feature p,.delivery-detail p,.included-grid p,.delivery-caption p,.personal-opening p{font-size:1rem;line-height:1.85;margin-bottom:20px}
.complete-feature .button{margin-block:8px 22px}
.complete-feature .text-link,.delivery-detail .text-link{display:table}
.delivery-cover{max-width:1100px;margin-inline:auto}
.delivery-caption{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-top:22px}
.delivery-caption p{max-width:70ch;font-size:.9375rem;margin:0}
.delivery-caption .text-link{flex-shrink:0}
.included-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.included-grid>div{border-top:1px solid var(--tone-line);padding-top:26px}
.included-grid h3{font-size:1.8rem;line-height:1.2;margin-bottom:14px}
.delivery-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.delivery-detail figure{max-width:540px;width:100%}
.delivery-detail h2{font-size:clamp(2.1rem,3.4vw,3.3rem);line-height:1.16;margin-bottom:24px}
.delivery-detail .button{margin-block:8px 22px}
.delivery-detail:nth-of-type(even) figure{order:2}
.delivery-detail:nth-of-type(even) .delivery-detail-grid>div{order:1}
.personal-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}
.personal-opening h2{font-size:clamp(2.1rem,3.2vw,3.2rem);line-height:1.16;margin-bottom:24px}
.certificate-section .certificate-preview img{object-fit:contain;transform:none;box-shadow:none}
.header .nav-links{gap:clamp(12px,1.35vw,23px)}
.header .nav-links a{font-size:.9375rem}
@media(max-width:1000px){
 .accessory-grid{gap:42px 24px}.complete-feature,.personal-opening{gap:30px}
 .included-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .delivery-detail-grid{gap:40px}.accessory-grid-single .accessory-card{gap:30px}
}
@media(max-width:800px){
 .complete-feature,.personal-opening,.delivery-detail-grid{grid-template-columns:1fr}
 .complete-feature-copy{max-width:65ch}.delivery-detail figure{max-width:none}
 .delivery-detail:nth-of-type(even) figure,.delivery-detail:nth-of-type(even) .delivery-detail-grid>div{order:initial}
 .delivery-caption{display:block}.delivery-caption .text-link{display:inline-block;margin-top:16px}
 .accessory-grid-single .accessory-card{display:block}.accessory-grid-single .accessory-copy{padding-top:25px}
}
@media(max-width:650px){
 .accessory-grid{grid-template-columns:1fr;gap:44px}.accessory-index .wrap{gap:3px 22px}
 .accessory-index a{font-size:.875rem}.included-grid{gap:20px}
 .accessory-copy h3{font-size:1.9rem}.accessory-pair{gap:8px}
 .included-grid h3{font-size:1.5rem}.complete-feature{gap:28px}
}
@media(prefers-reduced-motion:reduce){.accessory-zoom{scroll-behavior:auto;transition:none}}

.service-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.service-route-grid>a{display:block;color:var(--tone-text);border-top:1px solid var(--tone-line);padding-top:24px;text-decoration:none}.service-route-grid h2{font-size:1.9rem;margin-bottom:15px}.service-route-grid p{line-height:1.8}.service-route-grid a:hover h2{text-decoration:underline;text-underline-offset:6px}@media(max-width:800px){.service-route-grid{grid-template-columns:1fr}}
