.body-type-editorial{--bt-ink: #343744;--bt-accent: #665879;--bt-line: #e6e3e8;color:var(--bt-ink);line-height:1.85}.body-type-editorial .bt-section{padding:32px 0;border-top:1px solid var(--bt-line)}.body-type-editorial .bt-intro{border-top:0}.body-type-editorial h2{margin:0 0 20px;font-size:1.5rem;font-weight:700;line-height:1.55}.body-type-editorial h3{margin:0 0 10px;font-size:1.125rem;font-weight:700;line-height:1.6}.body-type-editorial p{margin:0 0 24px}.body-type-editorial p:last-child{margin-bottom:0}.body-type-editorial a{text-underline-offset:4px}.body-type-editorial a:hover{text-decoration:underline}.body-type-editorial a:focus-visible{outline:3px solid var(--bt-accent);outline-offset:5px}.body-type-editorial .bt-straight{--type-ink: #952753;--type-bg: #f9e9ef;--type-tint: #fdf6f9;--type-color: #e8a7c1}.body-type-editorial .bt-wave{--type-ink: #216582;--type-bg: #d9edf5;--type-tint: #eef9fb;--type-color: #85c2de}.body-type-editorial .bt-natural{--type-ink: #315d2b;--type-bg: #e0f1dd;--type-tint: #f1faf1;--type-color: #9ccf95}.body-type-editorial .bt-steps{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:36px;padding:24px 0;margin:0;list-style:none}.body-type-editorial .bt-steps>li{position:relative;text-align:center;padding:0}.body-type-editorial .bt-steps h3{font-size:1.05rem}.body-type-editorial .bt-steps p{margin:0}.body-type-editorial .bt-step-art{height:112px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.body-type-editorial .bt-answer-sheet{box-sizing:border-box;width:84px;height:102px;border:2px solid #857798;border-radius:9px;padding:18px 12px;display:grid;gap:12px;background:#f7f5fa}.body-type-editorial .bt-answer-sheet span{display:block;border-bottom:2px solid #c2b9ce;padding-left:20px;position:relative}.body-type-editorial .bt-answer-sheet span::before{content:'';position:absolute;left:0;top:-2px;width:10px;height:10px;border:2px solid #857798;border-radius:50%}.body-type-editorial .bt-answer-sheet span:first-child::before{background:#857798}.body-type-editorial .bt-portrait{position:relative;width:180px;aspect-ratio:600 / 630;overflow:hidden;background:var(--type-bg)}.body-type-editorial .bt-portrait img{position:absolute;width:auto;max-width:none;height:100%;left:50%;transform:translateX(-75%);top:0;display:block}.body-type-editorial .bt-mini-types{display:flex;gap:4px}.body-type-editorial .bt-mini-types .bt-portrait{width:58px;height:104px;border-radius:6px}.body-type-editorial .bt-outfit{color:#857798;font-size:68px;line-height:1}.body-type-editorial .bt-swatches{display:flex;gap:6px;justify-content:center;margin-top:12px}.body-type-editorial .bt-swatches span{width:20px;height:12px;background:#e8a7c1;border-radius:2px}.body-type-editorial .bt-swatches span:nth-child(2){background:#85c2de}.body-type-editorial .bt-swatches span:nth-child(3){background:#9ccf95}.body-type-editorial .bt-arrow{position:absolute;right:-28px;top:50px;width:20px;height:12px}.body-type-editorial .bt-arrow::before{content:'';position:absolute;width:19px;height:2px;background:#a69bae;top:5px;left:0}.body-type-editorial .bt-arrow::after{content:'';position:absolute;right:0;top:0;border-left:8px solid #a69bae;border-top:6px solid transparent;border-bottom:6px solid transparent}.body-type-editorial .bt-note{background:#f5f3f7;padding:18px 20px;border-radius:10px;margin-top:12px}.body-type-editorial .bt-types{display:grid;gap:24px}.body-type-editorial .bt-type{display:grid;grid-template-columns:190px minmax(0, 1fr);border-radius:14px;overflow:hidden;background:var(--type-tint)}.body-type-editorial .bt-type-visual{display:flex;justify-content:center;align-items:center;background:var(--type-bg)}.body-type-editorial .bt-type-visual .bt-portrait{width:190px;height:300px;aspect-ratio:auto}.body-type-editorial .bt-type-content{padding:24px}.body-type-editorial .bt-type h3{color:var(--type-ink);font-size:1.25rem}.body-type-editorial .bt-type p{margin-bottom:18px}.body-type-editorial .bt-type dl{margin:0}.body-type-editorial .bt-type dl>div{padding:10px 0;border-top:1px solid var(--type-color)}.body-type-editorial .bt-type dt{color:var(--type-ink);font-weight:700}.body-type-editorial .bt-type dd{margin:2px 0 0}.body-type-editorial .bt-detail{display:block;color:var(--type-ink);border-top:1px solid var(--type-color);padding-top:14px;margin-top:2px}.body-type-editorial .bt-ad{margin:0 0 32px}.body-type-editorial .bt-results{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.body-type-editorial .bt-results li{display:flex;gap:14px;padding:20px 16px;background:#f7f6f8;border-radius:10px}.body-type-editorial .bt-results i{color:var(--bt-accent);font-size:1.4rem;width:26px;flex-shrink:0;text-align:center;margin-top:4px}.body-type-editorial .bt-results h3{font-size:1rem}.body-type-editorial .bt-results p{margin:0}.body-type-editorial .bt-questions article{border-left:3px solid #b6a9c4;padding-left:20px;margin-top:28px}.body-type-editorial .bt-comparison{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.body-type-editorial .bt-comparison>div{padding:24px;background:#f5f3f7;border-radius:10px;text-align:center}.body-type-editorial .bt-comparison i{color:var(--bt-accent);font-size:2rem;margin-bottom:14px}.body-type-editorial .bt-comparison strong{display:block;color:var(--bt-accent);font-weight:600;margin-bottom:12px}.body-type-editorial .bt-comparison p{margin:0}.body-type-editorial .bt-color-link{display:inline-block;color:var(--bt-accent);text-decoration:underline;margin-top:20px}.body-type-editorial .bt-sources ul{list-style:none;padding:0;margin:0}.body-type-editorial .bt-sources li{position:relative;padding-left:16px}.body-type-editorial .bt-sources li::before{content:'';width:5px;height:5px;border-radius:50%;background:#76717c;position:absolute;top:12px;left:0}.body-type-editorial .bt-sources a{color:var(--bt-ink);text-decoration:underline}.body-type-editorial .bt-sources span{display:block;font-size:.9rem;color:#716b77}@media (max-width: 600px){.body-type-editorial h2{font-size:1.3rem}.body-type-editorial h3{font-size:1.1rem}.body-type-editorial .bt-steps{grid-template-columns:1fr;gap:48px;padding:8px 0 24px}.body-type-editorial .bt-steps>li{max-width:320px;width:100%;margin:auto}.body-type-editorial .bt-steps h3{font-size:1.1rem}.body-type-editorial .bt-step-art{margin-bottom:12px}.body-type-editorial .bt-arrow{top:auto;bottom:-31px;left:calc(50% - 6px);width:12px;height:20px}.body-type-editorial .bt-arrow::before{width:2px;height:19px;top:0;left:5px}.body-type-editorial .bt-arrow::after{border-top:8px solid #a69bae;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0;top:auto;bottom:0}.body-type-editorial .bt-type{grid-template-columns:1fr}.body-type-editorial .bt-type-visual{padding:14px 0 0}.body-type-editorial .bt-type-visual .bt-portrait{width:190px;height:240px}.body-type-editorial .bt-type-content{padding:20px}.body-type-editorial .bt-type h3{text-align:center;font-size:1.2rem}.body-type-editorial .bt-results,.body-type-editorial .bt-comparison{grid-template-columns:1fr;gap:16px}.body-type-editorial .bt-results li{padding:18px 16px}.body-type-editorial .bt-comparison>div{padding:24px 20px}}
