.choose-breadcrumb { padding-block:22px 0; color:var(--muted); font-size:12px; }
.choose-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.choose-hero { background:var(--cream); padding-block:32px 34px; }
.choose-hero h1 { font-size:clamp(32px,4.5vw,48px); line-height:1.4; margin:8px 0 12px; }
.choose-lead { font-size:clamp(17px,2vw,22px); font-weight:800; margin-bottom:10px; }
.choose-hero p:last-of-type { color:var(--muted); }
.choose-text-link { display:inline-block; color:var(--blue); font-weight:700; font-size:13px; margin-top:18px; text-decoration:underline; text-underline-offset:4px; }
.choose-nav { display:flex; gap:24px; overflow-x:auto; padding-block:18px; border-bottom:1px solid var(--line); }
.choose-nav a { flex:none; min-height:44px; display:flex; align-items:center; font-size:13px; font-weight:700; color:var(--blue); }
.choose-section { padding-block:56px; }
.choose-section h2 { font-size:clamp(23px,3vw,32px); line-height:1.5; margin:10px 0 16px; }
.choose-section-lead { color:var(--muted); margin-bottom:26px; }
.choose-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:18px; }
.choose-entry { display:flex; flex-direction:column; padding:0; overflow:hidden; border-radius:16px; background:white; border:1px solid var(--line); position:relative; }
.choose-entry-photo { display:block; width:100%; height:auto; aspect-ratio:4 / 3; max-height:220px; object-fit:cover; }
.choose-entry-photo-board { object-position:40% center; }
.choose-entry-copy { flex:1; position:relative; padding:22px; }
.choose-entry:hover { border-color:var(--blue); box-shadow:var(--shadow); }
.choose-entry-copy > span { color:var(--blue); font:800 14px 'DM Sans',sans-serif; background:var(--blue-soft); border-radius:8px; padding:7px 10px; display:inline-block; margin-bottom:12px; }
.choose-entry h3 { font-size:18px; margin-bottom:6px; padding-right:15px; }
.choose-entry p { font-size:13px; color:var(--muted); }
.choose-entry b { position:absolute; right:20px; top:22px; color:var(--blue); font-size:24px; }
.choose-flow { display:flex; gap:16px; align-items:center; background:var(--cream); border-radius:14px; padding:24px; margin-top:24px; }
.choose-flow > div { flex:1; min-width:0; }
.choose-flow span { color:var(--blue); font:800 13px 'DM Sans',sans-serif; display:block; margin-bottom:6px; }
.choose-flow strong { font-size:16px; }
.choose-flow p { font-size:12px; color:var(--muted); margin-top:5px; }
.choose-flow > b { color:var(--blue); }
.choose-purpose,.choose-data { background:var(--blue-soft); }
.choose-purpose-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.choose-purpose-intro > div { min-width:0; }
.choose-purpose-intro h2 { margin-bottom:0; }
.choose-purpose-mii { display:block; flex:none; width:108px; height:162px; object-fit:contain; }
@media(max-width:600px) { .choose-purpose-intro { gap:12px; margin-bottom:18px; }.choose-purpose-mii { width:80px; height:120px; } }
.choose-purpose-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.choose-purpose-grid > article,.choose-data-grid > article { min-width:0; background:white; border:1px solid var(--line); border-radius:16px; padding:26px; scroll-margin-top:100px; }
.choose-purpose-grid h3,.choose-data h3 { font-size:19px; margin-bottom:12px; }
.choose-purpose-grid p,.choose-data p { color:var(--muted); font-size:14px; }
.choose-links { display:flex; flex-wrap:wrap; gap:9px 16px; margin-top:18px; }
.choose-links a { font-weight:700; color:var(--blue); font-size:13px; text-decoration:underline; text-underline-offset:4px; line-height:1.8; padding-block:6px; }
.choose-color { grid-column:1/-1; }
.choose-color-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:18px; }
.choose-color-groups .choose-links { flex-direction:column; align-items:flex-start; margin-top:8px; }
.choose-table { border-collapse:separate; border-spacing:0; width:100%; font-size:13px; background:white; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.choose-table caption { text-align:left; color:var(--muted); font-size:12px; padding-bottom:12px; }
.choose-table th,.choose-table td { padding:17px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.choose-table thead th { background:var(--blue-deep); color:white; font-size:12px; }
.choose-table tbody th { background:var(--cream); width:20%; }
.choose-table tbody tr:last-child > * { border-bottom:0; }
.choose-table a { color:var(--blue); font-weight:700; }
.choose-differences { background:var(--cream); }
.choose-pair-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.choose-pair-grid article { padding:24px; background:white; border:1px solid var(--line); border-radius:14px; }
.choose-pair-grid h3 { font-size:17px; margin-bottom:16px; }
.choose-pair-grid p { font-size:14px; color:var(--muted); margin-bottom:10px; }
.choose-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.choose-product { border:1px solid var(--line); border-radius:16px; overflow:hidden; background:white; }
.choose-product img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:#f3f1ee; }
.choose-product-copy { padding:22px; }
.choose-product h3 { font-size:19px; margin:7px 0 10px; }
.choose-product p { font-size:13px; color:var(--muted); }
.choose-product .choose-fit { color:var(--ink); font-weight:700; margin-bottom:10px; }
.choose-product-link { display:block; padding-top:16px; color:var(--blue); font-weight:700; font-size:13px; }
.choose-data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.choose-tag { display:inline-block; background:var(--cream); color:var(--blue); padding:5px 10px; border-radius:6px; font-size:12px; font-weight:700; margin-bottom:14px; }
.choose-data-note { padding:26px; margin-top:22px; background:white; border-radius:14px; }
.choose-data-note a,.choose-faq-link a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.choose-look { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px; border-radius:16px; background:var(--cream); }
.choose-look p { color:var(--muted); font-size:14px; }
.choose-look .button { flex:none; }
.choose-faq-link { margin-top:30px; }
.choose-faq-link h3 { font-size:18px; margin-bottom:10px; }
.choose-faq-link p { color:var(--muted); font-size:14px; }
.choose-consult { text-align:center; background:var(--blue-soft); padding-block:56px; }
.choose-consult h2 { font-size:clamp(23px,3vw,32px); margin:12px 0 20px; }
.choose-consult p { margin-bottom:24px; }
.choose-consult .choose-text-link { display:block; }
.choose-consult-layout { display: grid; grid-template-columns: minmax(0, 1fr) 180px; align-items: center; gap: 28px; max-width: 940px; margin: 0 auto 20px; }
.choose-consult-mii { display: block; width: 180px; height: 270px; object-fit: contain; }
@media(max-width:600px) { .choose-consult-layout { grid-template-columns: minmax(0,1fr); gap: 4px; margin-bottom: 16px; }.choose-consult-copy { min-width: 0; }.choose-consult-copy p:last-child { margin-bottom: 10px; }.choose-consult-mii { width: 120px; height: 180px; margin-inline: auto; } }
@media(max-width:1100px) { .choose-entry-grid,.choose-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.choose-table { font-size:12px; }.choose-table td,.choose-table th { padding:14px 10px; } }
@media(max-width:700px) { .choose-table,.choose-table tbody { display:block; border:0; background:none; }.choose-table thead { display:none; }.choose-table tr { display:block; background:white; border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-bottom:16px; }.choose-table tbody th { display:block; width:100%; padding:15px 18px; font-size:15px; }.choose-table tbody td { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; padding:12px 18px; border:0; font-size:13px; }.choose-table td::before { content:attr(data-label); color:var(--muted); font-size:12px; }.choose-table caption { display:block; } }
@media(max-width:600px) { .choose-hero { padding-block:24px 28px; }.choose-section { padding-block:38px; }.choose-nav { gap:20px; }.choose-entry-grid,.choose-purpose-grid,.choose-pair-grid,.choose-product-grid,.choose-data-grid,.choose-color-groups { grid-template-columns:minmax(0,1fr); }.choose-entry-copy { padding:18px; }.choose-entry-photo { height:180px; aspect-ratio:auto; }.choose-entry h3 { font-size:17px; }.choose-entry-copy > span { margin-bottom:8px; }.choose-flow { flex-direction:column; align-items:stretch; gap:12px; padding:20px; }.choose-flow > b { align-self:center; transform:rotate(90deg); }.choose-purpose-grid > article,.choose-data-grid > article,.choose-data-note { padding:22px; }.choose-pair-grid article { padding:20px; }.choose-pair-grid h3 { font-size:16px; }.choose-look { flex-direction:column; align-items:stretch; padding:22px; }.choose-look .button { text-align:center; }.choose-consult p br { display:none; }.choose-consult .button { width:100%; font-size:13px; padding-inline:10px; }.choose-hero .choose-text-link { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { html:has(.choose-page) { scroll-behavior:auto; }.choose-page * { transition:none !important; } }