/* Scoped product photography and reading layout, local preview 2026-11-03. */
#main .pp26-visual { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:clamp(28px,5vw,76px); align-items:center; width:min(1240px,calc(100% - 64px)); margin:72px auto; padding:0; background:transparent; }
#main .pp26-visual.pp26-reverse .pp26-photo { order:2; }
#main .pp26-photo { margin:0; min-width:0; }
#main .pp26-photo img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:center; border-radius:0; }
#main .pp26-photo figcaption { color:#6b6763; font-size:11px; line-height:1.5; padding-top:10px; }
#main .pp26-copy { min-width:0; }
#main .pp26-copy > div { width:100%; max-width:none; padding:0; margin:0; }
#main .pp26-copy h2 { font-size:clamp(27px,3.2vw,45px); line-height:1.14; margin:0 0 22px; }
#main .pp26-copy h3 { font-size:17px; line-height:1.4; }
#main .pp26-copy p,#main .pp26-copy li { font-size:15px; line-height:1.75; }
#main .pp26-copy :is(.r04-schedule,.d05-steps,.s03-schedule,.flc-choice-grid,.dmat-checklist) { display:block; }
#main .pp26-copy :is(article,li) { margin:0; padding:15px 0; border-bottom:1px solid #dedbd6; }
#main .pp26-copy article:last-child { border:0; }
#main .pp26-copy article > span { color:#9b2673; font-size:12px; }
#main .pp26-copy :is(.d4-cards,.d3-schedule,.gd-schedule) { display:block; }
#main .pp26-copy :is(.d4-cards,.d3-schedule,.gd-schedule) > div { padding:14px 0; border-bottom:1px solid #dedbd6; }
#main .pp26-spec { width:min(1240px,calc(100% - 64px)); margin:34px auto 50px; padding:24px 0; border-top:1px solid #ddd8d2; border-bottom:1px solid #ddd8d2; background:transparent; }
#main .pp26-spec h2 { font-size:20px; line-height:1.35; margin:0 0 10px; }
#main .pp26-spec > p { font-size:14px; line-height:1.6; margin:0 0 12px; }
#main .pp26-spec-toggle > summary { cursor:pointer; color:#91216b; padding:10px 0; font-size:14px; font-weight:600; list-style:disclosure-closed; }
#main .pp26-spec-toggle[open] > summary { list-style:disclosure-open; }
#main .pp26-spec-toggle > summary:focus-visible { outline:2px solid #91216b; outline-offset:5px; }
#main .pp26-spec-toggle > dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 44px; margin:20px 0; }
#main .pp26-spec-toggle > dl > div { padding:0; border:0; }
#main .pp26-spec-toggle dt { font-size:14px; font-weight:600; margin:0 0 8px; }
#main .pp26-spec-toggle dd { font-size:14px; line-height:1.75; margin:0; color:#55514e; }
#main img[data-pp26] { position:relative!important; width:100%!important; height:auto!important; inset:auto!important; max-width:100%!important; object-fit:cover!important; transform:none!important; object-position:50% 50%; }
#main .qa-photo-window > img[data-pp26] { height:100%!important; }
#main .s4-pair img[data-pp26],#main .s4-room-grid img[data-pp26] { aspect-ratio:3/2; }
#main .pp26-reference-note { width:min(1240px,calc(100% - 64px)); margin:20px auto 40px; font-size:11px; line-height:1.6; color:#6b6763; }
@media(max-width:760px) {
 #main .pp26-visual { grid-template-columns:1fr; width:calc(100% - 40px); margin:42px auto; gap:24px; }
 #main .pp26-visual.pp26-reverse .pp26-photo { order:0; }
 #main .pp26-photo img { aspect-ratio:4/3; max-height:500px; }
 #main .pp26-copy h2 { font-size:28px; }
 #main .pp26-spec { width:calc(100% - 40px); margin:28px auto; padding:22px 0; }
 #main .pp26-spec-toggle > dl { grid-template-columns:1fr; gap:20px; }
 #main .pp26-reference-note { width:calc(100% - 40px); }
}
