.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; max-width: 1280px; margin: 24px auto 0; padding: 0 24px; font-size: .85rem; color: var(--muted); }
.breadcrumbs a, .guide-content a:not(.button) { color: var(--purple); text-underline-offset: 3px; }
.model-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); align-items: center; gap: clamp(24px,5vw,72px); max-width: 1280px; margin: auto; padding-top: 40px; }
.model-detail-copy { min-width: 0; }
.model-detail h1 { font-family: Poppins, sans-serif; font-size: clamp(2rem,4.2vw,3.5rem); line-height: 1.15; letter-spacing: -.04em; margin: 16px 0 24px; overflow-wrap: break-word; }
.model-detail h1 span { color: var(--purple); }
.model-lead { color: var(--muted); line-height: 1.8; font-size: 1.05rem; }
.model-benefits { padding-left: 22px; margin: 24px 0; line-height: 1.9; }
.model-price { font-size: .9rem; color: var(--muted); line-height: 1.6; max-width: 440px; }
.model-example { margin: 0; min-width: 0; }
.model-example .card-preview { height: 485px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
.model-example .mini-shell { --mini-scale: .39; }
.model-example figcaption { margin: 12px 8px 0; color: var(--muted); font-size: .8rem; line-height: 1.6; text-align: center; }
.model-advice, .related-models { max-width: 1280px; margin: auto; }
.advice-grid, .related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.advice-grid { padding: 0; list-style: none; }
.advice-grid li, .related-grid a { border: 1px solid var(--line); border-radius: 18px; padding: 24px; background: #fff; }
.advice-grid li > span { display: block; color: var(--purple); font-size: 1.3rem; font-weight: 800; }
.advice-grid p { line-height: 1.7; margin-bottom: 0; }
.related-grid a { display: grid; gap: 14px; color: var(--ink); text-decoration: none; }
.related-grid a:hover { border-color: var(--purple); }
.related-grid span { color: var(--muted); font-size: .9rem; line-height: 1.6; }
.related-grid b { color: var(--purple); font-size: .85rem; }
.guide-content { max-width: 820px; margin: auto; padding: 8px 24px 64px; }
.guide-content > section { margin: 36px 0; }
.guide-content h2 { font-size: 1.4rem; line-height: 1.4; letter-spacing: -.02em; }
.guide-content p { line-height: 1.85; color: var(--muted); }
.guide-cta { padding: 28px; border: 1px solid #dacdff; border-radius: 20px; background: #f4efff; margin: 42px 0; }
.faq details { padding: 18px 0; border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 700; line-height: 1.5; }
.faq details p { margin-bottom: 0; }
.model-info-link { display: inline-block; font-size: .85rem; line-height: 1.5; color: var(--purple); text-underline-offset: 3px; }
.home-guide { max-width: 1280px; margin: 0 auto; padding-top: 24px; }
.home-guide-inner { border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px,4vw,48px); background: #fff; }
.home-guide h2 { font-family: Poppins, sans-serif; font-size: clamp(1.6rem,3vw,2.3rem); margin: 8px 0 16px; letter-spacing: -.03em; }
.home-guide p { color: var(--muted); max-width: 740px; line-height: 1.8; }
@media (max-width: 760px) { .model-detail, .advice-grid, .related-grid { grid-template-columns: 1fr; } .model-detail { padding-top: 24px; } .model-example { width: 100%; max-width: 460px; justify-self: center; } .breadcrumbs { font-size: .8rem; } }
@media (max-width: 420px) { .model-example .mini-shell { --mini-scale: .30; } .model-example .card-preview { height: 380px; } }