:root{--background:#FFFCFA;--foreground:#58484A;--card:#fff;--card-foreground:#58484A;--popover:#fff;--popover-foreground:#58484A;--primary:#8A5C68;--primary-foreground:#fff;--secondary:#F8EEEF;--secondary-foreground:#8A5C68;--muted:#F8EEEF;--muted-foreground:#756365;--accent:#F8EEEF;--accent-foreground:#8A5C68;--destructive:#b52446;--border:#E9DADD;--input:#E9DADD;--ring:#8A5C68;--radius:0.75rem}

*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;font-size:16px;line-height:1.85}a{color:inherit}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #C9A6AD;outline-offset:3px}.top{height:84px;padding:0 max(24px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;letter-spacing:.05em}.brand-symbol,.message-mark{font:italic 36px Georgia,serif;background:#8A5C68;color:#fff;display:grid;place-items:center;width:43px;height:43px;border-radius:50%}.private{display:flex;gap:7px;align-items:center;color:#756365;font-size:14px}.wrap{max-width:1100px;margin:0 auto;padding:30px 24px 70px}.demo-note{font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border:1px dashed #C9A6AD;border-radius:8px;color:#756365}.demo-note a{text-decoration:underline}.intro{padding:45px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:13px;letter-spacing:.15em;color:#81676D;margin:0 0 10px}h1{font-size:clamp(26px,3.7vw,38px);font-weight:500;letter-spacing:.04em;margin:0 0 10px;line-height:1.6}.date{font-size:14px;color:#756365;margin:0}.intro-mark{font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:21px;color:#81676D;line-height:1.9;padding:12px 26px;border-left:2px solid #A48C63}.page-tabs{width:100%;height:auto!important;justify-content:flex-start!important;border-bottom:1px solid var(--border);border-radius:0!important;gap:24px!important;padding:0!important;margin-bottom:26px}.page-tabs [data-slot=tabs-trigger]{flex:0 1 auto!important;height:auto!important;font-size:16px;padding:15px 0!important;border-radius:0!important}.count{font-size:12px;background:#F8EEEF;padding:0px 8px;border-radius:20px;margin-left:5px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result{background:white;padding:28px;border:1px solid var(--border);border-top:4px solid #C9A6AD;border-radius:12px}.color{border-top-color:#C9A6AD}.body{border-top-color:#C9A6AD}.face{border-top-color:#C9A6AD}.section-label{display:flex;gap:9px;align-items:center;color:#756365}.section-label h2{font-size:14px;font-weight:500;margin:0}.result-name{font-size:27px;margin:22px 0 18px;font-family:'Hiragino Mincho ProN',Georgia,serif}.swatches{display:flex;gap:8px;margin:0 0 20px}.swatches span{width:30px;height:30px;border-radius:50%;border:1px solid #00000012}.advice{font-size:15px;color:#756365;white-space:pre-wrap;margin:0}.message{margin-top:30px;padding:30px;display:flex;gap:23px;background:#F8EEEF;border-radius:12px}.message-mark{flex-shrink:0;background:#fff;color:#8A5C68}.message h2{font-size:16px;margin:0 0 8px}.message p{margin:0;color:#756365;white-space:pre-wrap}.items-heading h2{font-size:23px;font-weight:500;margin:6px 0}.items-heading p{margin:0 0 24px;color:#756365}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.item{background:#fff;overflow:hidden;border-radius:12px;border:1px solid var(--border)}.item img{width:100%;height:260px;object-fit:cover}.item-letter{height:260px;display:grid;place-items:center;background:#F8EEEF;color:#947D7D}.item-body{padding:25px}.item-body h3{font-size:22px;margin:0 0 12px}.item-body p:not(.eyebrow){color:#756365;font-size:15px;white-space:pre-wrap}.product-link,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;background:#8A5C68;color:white;border:0;border-radius:7px;text-decoration:none;font-size:15px}.fine{font-size:13px;color:#756365;margin-top:22px}.empty{padding:40px;border:1px dashed var(--border);border-radius:12px;background:white}footer{text-align:center;padding:25px;border-top:1px solid var(--border);color:#756365;font-size:14px}footer a{margin-left:25px}.admin-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin:24px 0}.admin-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.customer-list button{display:block;width:100%;text-align:left;padding:17px;background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:10px}.customer-list button.selected{border-color:#8A5C68;background:#F8EEEF}.customer-list small{display:block;color:#756365;overflow-wrap:anywhere}.editor{padding:28px;background:white;border:1px solid var(--border);border-radius:12px}.editor label.field{display:block;font-size:14px;margin:14px 0}.editor input,.editor textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:7px;padding:9px 12px;background:#fff;color:var(--foreground)}.editor textarea{min-height:110px;resize:vertical}.editor h2{font-size:22px;margin:22px 0 12px}.editor h3{font-size:17px;margin:24px 0 8px}.checks{display:flex;gap:14px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:7px;font-size:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.item-editor{border:1px solid var(--border);padding:18px;border-radius:8px;margin:16px 0}.secondary-button{border:1px solid var(--border);background:white;padding:9px 15px;border-radius:7px;color:#8A5C68}.status{padding:14px;margin-top:15px;background:#F8EEEF;border-radius:6px;white-space:pre-wrap}.login{max-width:520px;padding:45px 28px;margin:90px auto;background:#fff;border:1px solid var(--border);border-radius:14px}.login h1{font-size:28px}.login p{color:#756365}.login .primary-button{margin-top:16px;width:100%}@media(max-width:800px){.results{grid-template-columns:1fr}.result{padding:24px}.intro-mark{display:none}.intro{padding:32px 0}.admin-grid{grid-template-columns:1fr}.customer-list{display:flex;gap:10px;overflow:auto}.customer-list button{min-width:180px}.top{height:72px;padding:0 20px}.message{padding:22px;gap:15px}.row{grid-template-columns:1fr}.editor{padding:20px}}@media(max-width:560px){.items{grid-template-columns:1fr}.wrap{padding:22px 18px 50px}.page-tabs{gap:15px!important}.page-tabs [data-slot=tabs-trigger]{font-size:14px}.private{font-size:12px}.brand{font-size:15px}.message-mark{display:none}.item img,.item-letter{height:220px}}

.consultation{background:white;border:1px solid var(--border);border-radius:12px;padding:25px 28px;margin-bottom:22px}.consultation p{white-space:pre-wrap;color:#756365;font-size:15px;margin:16px 0 0}

.sample-guide{margin-top:28px;background:white;border:1px solid var(--border);border-radius:12px;padding:28px}.sample-guide h2{font-size:21px;margin:0 0 10px}.sample-guide h3{font-size:18px;margin:24px 0 12px}.sample-guide p{white-space:pre-wrap}.guide-tabs{height:auto!important;flex-wrap:wrap;margin:14px 0}.guide-tabs [data-slot=tabs-trigger]{height:auto!important;padding:10px 14px}.reference-image{display:block;width:100%;max-width:640px;height:auto;margin:20px auto;border:1px solid var(--border);border-radius:6px}.guide-list dt{font-weight:600;color:#8A5C68;margin:20px 0 6px}.guide-list dd{margin:0;color:#756365}@media(max-width:560px){.sample-guide{padding:22px}.guide-tabs [data-slot=tabs-trigger]{font-size:14px;padding:10px}}
.guide-intro{color:#756365;font-size:16px}.guide-lead{padding:25px;border-radius:12px;margin:20px 0 30px;background:#F8EEEF;border-left:4px solid #C9A6AD}.spring-lead{background:#FBF4EE;border-left-color:#C9A6AD}.body-lead{background:#F8F4EF;border-left-color:#C9A6AD}.guide-lead h3{margin:10px 0!important;font-size:25px!important;line-height:1.65}.guide-lead p{margin:0;font-size:16px}.guide-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.guide-keywords span{font-size:14px;padding:4px 12px;background:#fff;border:1px solid #00000012;border-radius:30px}.guide-block{margin:30px 0;padding-bottom:26px;border-bottom:1px solid var(--border)}.guide-block h4,.shopping-check h4{font-size:18px;font-weight:600;margin:0 0 17px}.guide-block>p{color:#756365}.guide-list>div{margin-bottom:19px}.guide-list dt{font-size:16px}.guide-list dd{font-size:16px;line-height:1.9}.color-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.color-chip{display:flex;flex-direction:column;gap:6px;min-width:0}.color-chip>span{height:74px;border-radius:10px;border:1px solid #00000014}.color-chip strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.color-chip small{font-size:12px;color:#756365}.pair-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pair-card{border:1px solid var(--border);padding:20px;border-radius:10px}.pair-swatches{display:flex;height:60px;border-radius:8px;overflow:hidden;border:1px solid #00000012}.pair-swatches span{flex:1}.pair-card h5{font-size:16px;font-weight:600;margin:14px 0 8px}.pair-card p{font-size:15px;color:#756365;margin:0}.detail-grid .guide-block{margin:0;border:1px solid var(--border);padding:22px;border-radius:10px}.detail-grid .guide-block p{font-size:16px;margin:0}.shopping-check{background:#F8EEEF;padding:24px;border-radius:12px;margin:25px 0}.shopping-check ul{padding-left:22px;margin:0}.shopping-check li{margin:9px 0;list-style:disc;font-size:16px}.guide-tabs{position:sticky;top:0;z-index:2;background:#fff!important;padding:8px!important;box-shadow:0 3px 10px #58484A08;max-width:100%}.guide-tabs [data-state=active]{background:#8A5C68!important;color:white!important}@media(max-width:600px){.color-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pair-grid,.detail-grid{grid-template-columns:1fr}.guide-lead{padding:20px}.guide-lead h3{font-size:23px!important}.guide-block h4{font-size:17px}.guide-tabs{gap:0!important}.guide-tabs [data-slot=tabs-trigger]{padding:9px 12px!important}}

/* Palette Colorée — 温かみのある白、余白、細い罫線 */
body{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.9}
h1,h2,h3,.result-name,.intro-mark{font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif;font-weight:500;text-wrap:pretty}
.top{height:116px;position:relative;justify-content:center;background:#FFFCFA}
.brand{display:flex;flex-direction:column;gap:2px;font-weight:400;letter-spacing:.04em}
.brand-wordmark{font:italic 30px Georgia,serif;color:#58484A;line-height:1.4}
.brand-subtitle{font-size:12px;letter-spacing:.16em;color:#756365}
.private{position:absolute;right:max(24px,calc((100vw - 1100px)/2));font-size:14px}
.wrap{max-width:1100px;padding-top:25px}
.demo-note{border:0;border-radius:0;background:#F8EEEF;font-size:14px;padding:12px 18px}
.intro{padding:65px 0 48px}.eyebrow{font-family:Georgia,serif;font-style:italic;font-size:14px;letter-spacing:.12em;color:#81676D}
.intro h1{font-size:clamp(27px,3.4vw,38px)}.intro-description{margin:14px 0 0;color:#756365;font-size:16px}
.intro-mark{font-size:22px;border-left:1px solid #A48C63;padding:10px 0 10px 30px}
.page-tabs{gap:32px!important;margin-bottom:32px}.page-tabs [data-state=active]{color:#8A5C68!important}
.consultation{background:#FBF6F3;border:0;border-radius:2px;padding:30px;margin-bottom:28px}.consultation p,.advice{font-size:16px}.section-label{color:#756365}.section-label svg{stroke-width:1.4}.section-label h2{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:14px}
.results{gap:24px}.result{border:1px solid #E9DADD;border-top:1px solid #C9A6AD;border-radius:2px;padding:30px 26px;background:#fff}.result-name{font-size:30px;margin:24px 0 20px}.swatches span{width:32px;height:32px}
.sample-guide{margin-top:48px;border:0;border-top:1px solid #E9DADD;border-radius:0;padding:40px 0 0;background:transparent}.sample-guide h2{font-size:27px}.guide-intro{margin:12px 0 24px}
.guide-tabs{border-radius:3px!important;background:#F8EEEF!important;box-shadow:none;padding:6px!important;margin:20px 0 30px;position:static;width:100%;justify-content:flex-start!important;gap:8px!important}.guide-tabs [data-slot=tabs-trigger]{flex:1;padding:12px 18px!important;border-radius:2px!important;font-size:16px}.guide-tabs [data-state=active]{background:#fff!important;color:#8A5C68!important;box-shadow:0 1px 3px #58484A12}
.guide-lead{border-left:1px solid #A48C63;border-radius:0;padding:32px;background:#F8EEEF}.spring-lead,.body-lead{border-left-color:#A48C63}.guide-lead h3{font-size:28px!important}.guide-keywords span{border-color:#E9DADD;background:#FFFCFA;border-radius:2px}
.guide-block{margin:36px 0;padding-bottom:30px}.guide-block h4,.shopping-check h4{font-weight:500;font-size:20px;font-family:'Yu Mincho','Hiragino Mincho ProN',serif}.guide-list dt{color:#58484A;font-weight:600}.pair-card,.detail-grid .guide-block{border-radius:2px;background:#fff;padding:26px}.pair-card p{font-size:16px}.color-chip>span{border-radius:3px;height:88px}.color-chip small{font-size:14px}.pair-swatches{border-radius:2px}.shopping-check{border-radius:2px;background:#F8EEEF;padding:30px}
.message{margin-top:46px;padding:36px;background:#F8EEEF;border-radius:2px;border-top:1px solid #C9A6AD}.message-mark{background:transparent;color:#A48C63;border:1px solid #C9A6AD;font-size:28px}.message h2{font-size:23px;margin-bottom:18px}.message p{font-size:16px}
.item,.editor,.login{border-radius:3px}.item-letter{height:150px;background:#F8EEEF;color:#947D7D}.item-letter svg{stroke-width:1}.item-body{padding:30px}.item-body h3{font-size:23px}.item-body p:not(.eyebrow){font-size:16px}.product-link,.primary-button{border-radius:3px;background:#8A5C68;padding:12px 22px;font-size:16px}.fine{font-size:14px}.secondary-button,.customer-list button{border-radius:3px}.customer-list button.selected{border-color:#C9A6AD}.editor h2{font-size:24px}
footer{padding:32px 20px;background:#FBF6F3;font-size:14px}
@media(max-width:800px){.intro{padding:40px 0 32px}.top{height:110px}.private{right:20px;top:12px;font-size:12px}.result{padding:28px}.intro-mark{display:none}}
@media(max-width:560px){.brand-wordmark{font-size:28px}.wrap{padding:20px 20px 50px}.demo-note{padding:12px 14px}.intro h1{font-size:27px}.intro-description{font-size:16px}.page-tabs{gap:18px!important}.page-tabs [data-slot=tabs-trigger]{font-size:14px}.consultation{padding:24px}.sample-guide{padding-top:30px;margin-top:34px}.sample-guide h2{font-size:24px}.guide-tabs [data-slot=tabs-trigger]{font-size:14px;padding:12px 7px!important}.guide-lead{padding:24px}.guide-lead h3{font-size:23px!important}.message{padding:26px}.message h2{font-size:21px}.shopping-check{padding:24px}.color-library{gap:12px}.color-chip>span{height:68px}.color-chip strong{font-size:14px}.item-letter{height:130px}}

.palette-group{margin:30px 0}.palette-group h5{font-size:20px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;margin:0 0 12px;font-weight:500}.palette-group>p{color:#756365;font-size:16px}.basic-library{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}.shopping-check ol{padding-left:24px;margin:0}.shopping-check ol li{list-style:decimal}.shopping-check p{margin-bottom:0;font-size:16px}

.outfit-reference{margin:26px 0 32px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);background:#fff}.outfit-reference img{width:100%;height:auto;display:block}.outfit-reference figcaption{padding:28px;align-self:center}.outfit-reference strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;font-weight:500}.outfit-reference p{font-size:16px;color:#756365}.outfit-reference a{font-size:14px;text-decoration:underline}@media(max-width:600px){.outfit-reference{grid-template-columns:1fr}.outfit-reference figcaption{padding:22px}}

.reference-outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.reference-outfit-card{border:1px solid var(--border);background:#fff;overflow:hidden}.reference-outfit-card svg{display:block;width:100%;height:360px;padding:12px 6px}.reference-outfit-text{padding:22px;border-top:1px solid var(--border)}.reference-outfit-text h5{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:20px;font-weight:500;margin:8px 0 12px}.reference-outfit-text p{font-size:16px;color:#756365;margin:0}@media(max-width:800px){.reference-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.reference-outfit-grid{grid-template-columns:1fr;gap:24px}.reference-outfit-card svg{height:360px}.reference-outfit-text{padding:22px}}

.diagnosis-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0 30px}.diagnosis-image-card{margin:0;background:#fff;border:1px solid var(--border)}.diagnosis-image-card svg{display:block;width:100%;height:310px;padding:16px}.diagnosis-image-card figcaption{padding:20px;border-top:1px solid var(--border)}.diagnosis-image-card h5{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:20px;font-weight:500;margin:0 0 10px}.diagnosis-image-card p{font-size:16px;color:#756365;margin:0}@media(max-width:560px){.diagnosis-image-grid{grid-template-columns:1fr}.diagnosis-image-card svg{height:300px}}

.diagnosis-image-card.diagnosis-image-wide svg{height:150px}

.cute-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 36px}.cute-reference-card{padding:24px;border:1px solid var(--border);background:#fff}.cute-reference-card h5{font-size:20px;margin:12px 0;font-weight:500}.cute-reference-card p{font-size:16px}.cute-reference-card a{display:inline-block;margin-top:12px;color:#8A5C68;text-decoration:underline;text-underline-offset:5px}@media(max-width:560px){.cute-reference-grid{grid-template-columns:1fr}}

.diagnosis-cutout{display:block;width:100%;height:310px;object-fit:contain;padding:16px}@media(max-width:560px){.diagnosis-cutout{height:300px}}

.cute-reference-card a.cute-reference-photo{display:block;margin:-24px -24px 24px;text-decoration:none}.cute-reference-photo img{display:block;width:100%;height:300px;object-fit:contain;background:#fff}.cute-reference-card:has(.cute-reference-photo[href*="afloat"]) .cute-reference-photo img{object-fit:cover;object-position:center 25%;height:340px}

/* Hair references share a portrait frame; trim screenshot UI at the bottom. */
.cute-reference-card a.cute-reference-photo[href*="cute-rounded-bob"]{height:340px;overflow:hidden}
.cute-reference-photo[href*="cute-rounded-bob"] img{height:355px;object-fit:cover;object-position:center top}
.cute-reference-photo[href*="hotpepper.jp"] img{height:340px;object-fit:cover;object-position:center 25%}

.cute-example-group{border-top:1px solid var(--border);margin:0;padding:0}.cute-example-group:last-of-type{border-bottom:1px solid var(--border)}.cute-example-group summary{cursor:pointer;padding:20px 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;list-style:none;display:flex;justify-content:space-between;align-items:center}.cute-example-group summary::after{content:'＋';font-family:inherit;font-size:22px;color:#8A5C68}.cute-example-group[open] summary::after{content:'−'}.cute-example-group summary::-webkit-details-marker{display:none}.cute-example-group>div{padding:0 0 20px}.cute-example-group h5{font-size:20px;font-weight:500}.cute-example-group .diagnosis-image-card svg{height:240px}.cute-reference-grid{gap:18px}.cute-reference-card{padding:20px}.cute-reference-card a.cute-reference-photo{margin:-20px -20px 20px}.guide-block{margin-top:30px;margin-bottom:30px}.guide-block h4{line-height:1.6}.diagnosis-image-card figcaption{padding:18px}.diagnosis-image-card h5{font-size:18px}.diagnosis-image-card p,.cute-reference-card p{font-size:15px;line-height:1.8}

.cute-reference-photo[href*="cute-soft-medium"] img{height:340px;object-fit:cover;object-position:center 30%}

.official-video-link{display:block;padding:16px 20px;margin:18px 0;background:#F8EEEF;border:1px solid var(--border);color:#8A5C68;text-decoration:none;line-height:1.7}

.cute-reference-photo[href*="cute-soft-medium-v2"] img{height:340px;object-fit:cover;object-position:center 30%}

.makeup-reference .diagnosis-image-card svg{width:100%;height:300px;padding:0;overflow:hidden}.makeup-reference .diagnosis-image-grid{align-items:stretch}.makeup-reference .diagnosis-image-card{overflow:hidden}.makeup-reference .diagnosis-image-card figcaption{min-height:150px}@media(max-width:560px){.makeup-reference .diagnosis-image-card svg{height:320px}}

.numbered-guide-heading{display:flex;align-items:baseline;gap:18px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:500;line-height:1.6}.guide-section-number{flex:0 0 2ch;font-variant-numeric:tabular-nums;font-size:inherit}.guide-subheading{font-size:20px;font-weight:500;line-height:1.6;margin:0 0 16px}.detail-grid .guide-block{border:0}.shopping-check .numbered-guide-heading{font-size:24px}@media(max-width:560px){.numbered-guide-heading,.shopping-check .numbered-guide-heading{font-size:21px;gap:14px}}

.body-guide .diagnosis-image-card svg{display:block;width:100%;height:340px;padding:0;overflow:hidden}.body-guide .diagnosis-image-card{overflow:hidden}.body-guide .diagnosis-image-grid{align-items:stretch}.body-guide .diagnosis-image-card figcaption{min-height:140px}@media(max-width:560px){.body-guide .diagnosis-image-card svg{height:360px}}

/* Keep makeup reference photographs in equal square frames. */
.makeup-reference .diagnosis-image-card svg{width:100%;height:auto;aspect-ratio:1 / 1;padding:0;display:block;overflow:hidden}

.spring-cosmetics section{margin-top:32px}.spring-cosmetics .diagnosis-image-card svg{display:block;width:100%;height:auto;aspect-ratio:1;padding:12px;background:#fff;overflow:hidden}.spring-cosmetics .diagnosis-image-card figcaption{min-height:150px}.spring-cosmetics .diagnosis-image-card h5{font-size:17px;line-height:1.65}.spring-cosmetics .diagnosis-image-card .eyebrow{font-size:11px}

.total-advice{margin-top:32px;margin-bottom:48px}.total-advice h3{font-size:19px;margin:28px 0 14px}.total-advice .guide-list{margin:24px 0}.total-advice .fine{font-size:12px}.total-advice .fine a{text-decoration:underline}

.spring-cosmetics .diagnosis-image-card figcaption{display:grid;grid-template-rows:20px minmax(56px,auto) minmax(44px,auto) auto;align-content:start;gap:8px;min-height:190px;padding:18px}.spring-cosmetics .diagnosis-image-card .eyebrow{margin:0;font-style:normal;letter-spacing:.06em}.spring-cosmetics .diagnosis-image-card h5{margin:0;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.cosmetic-name-line{display:block;text-wrap:balance}.spring-cosmetics .cosmetic-shade{display:flex;align-items:baseline;gap:8px;margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.cosmetic-shade-number{flex:none;font-variant-numeric:tabular-nums}.spring-cosmetics .cosmetic-edition{margin:0;font-size:11px;line-height:1.7}

.consultation-notes{margin:24px 0;display:grid;gap:16px}.consultation-notes>div{display:grid;grid-template-columns:120px 1fr;gap:20px}.consultation-notes dt{font-size:14px;font-weight:600}.consultation-notes dd{margin:0;font-size:14px;line-height:1.9}.consultation-solutions{border-top:1px solid var(--line,#e7d8dd);padding-top:24px;margin-top:26px}.consultation-solutions h3{font-size:20px;margin:0 0 20px}.consultation-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.consultation-solution-grid article{padding:20px;background:#fff;border:1px solid #eadde1}.consultation-solution-grid h4{font-size:16px;line-height:1.7;margin:0 0 14px}.consultation-solution-grid p{font-size:14px;line-height:1.9;margin:0 0 16px}.first-step{border-top:1px solid #eadde1;padding-top:14px}.first-step strong{display:block;font-size:12px;color:#9a687a;margin-bottom:6px}.consultation .consultation-next{font-size:14px;margin-top:20px;line-height:1.9}@media(max-width:760px){.consultation-solution-grid{grid-template-columns:1fr}.consultation-notes>div{grid-template-columns:1fr;gap:5px}}

.page-tabs{display:flex;width:100%;gap:18px;align-items:stretch}.page-tabs [role="tab"]{flex:1;white-space:normal;line-height:1.6;text-align:center;height:auto;min-height:68px;padding:10px 4px;font-size:15px}.page-tabs [role="tab"][data-state="active"]{color:#995f73}.item-tab-break{display:none}.item-body .item-reason-label{font-size:12px;color:#9a687a;margin:20px 0 8px;font-weight:600}.item-shopping-tips{margin:32px 0;padding:24px;background:#f9f2f3;border:1px solid #eadde1}.item-shopping-tips h3{font-size:18px;margin:0 0 16px}.item-shopping-tips ul{padding-left:20px;margin:0;line-height:2;font-size:14px}@media(max-width:760px){.page-tabs{gap:8px}.page-tabs [role="tab"]{font-size:12px;min-height:74px}.item-tab-break{display:block}}

.karte-next{margin:32px 0}.karte-next h3{font-size:19px;font-weight:500;margin:0 0 18px}.karte-next>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.karte-next button{padding:20px;text-align:left;color:inherit;background:white;border:1px solid #eadde1}.karte-next button strong{display:block;font-size:15px;font-weight:500}.karte-next button span{display:block;font-size:12px;margin-top:8px;color:#89777a}.guide-tabs small{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-top:5px;white-space:normal}.guide-tabs [role="tab"]{height:auto}.item-text-only .item-body{padding-top:26px}.item-body .item-reason-label{font-size:12px!important}@media(max-width:560px){.karte-next>div{grid-template-columns:1fr}.page-tabs{gap:8px!important}.page-tabs [data-slot=tabs-trigger]{font-size:12px}.guide-tabs [data-slot=tabs-trigger]{font-size:13px}}

.message>div{width:100%;min-width:0}.total-advice{display:block}

/* Soft color behind customer-facing section titles. */
.wrap :is(h2,h3,.numbered-guide-heading){position:relative;isolation:isolate}
.wrap :is(h2,h3,.numbered-guide-heading)::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-7px;top:50%;transform:translateY(-28%);width:min(82%,420px);height:1.15em;border-radius:50%;background:radial-gradient(ellipse at 28% 50%,rgba(247,207,198,.42),transparent 70%),radial-gradient(ellipse at 70% 50%,rgba(239,207,218,.38),transparent 72%);filter:blur(8px)}
.wrap .numbered-guide-heading::before{left:28px;width:min(78%,380px);height:1em;opacity:.8}
.wrap .item-body h3::before,.wrap .consultation-solutions h3::before{opacity:.7}
@media(max-width:560px){.wrap :is(h2,h3,.numbered-guide-heading)::before{width:88%;filter:blur(7px)}}

.wrap :is(h1,h2,h3,h4,h5){text-wrap:balance;line-break:strict;overflow-wrap:normal;word-break:normal}.wrap :is(p,dd,li){text-wrap:pretty;line-break:strict;word-break:normal;overflow-wrap:break-word}.message p,.guide-list dd,.consultation-notes dd{line-height:2}.message p{margin:0 0 24px}.message p:last-child{margin-bottom:0}.total-advice h2{max-width:28em;line-height:1.7}.items-heading h2{line-height:1.7}.items-heading>p{max-width:48em;line-height:1.95}.item-body p{line-height:1.95}.guide-list dt{line-height:1.7}.guide-list>div{margin-bottom:20px}.cosmetic-name-line{text-wrap:balance;line-break:strict}.page-tabs [role="tab"]{text-wrap:balance;line-break:strict}

.seasonal-examples section{margin:32px 0}.seasonal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seasonal-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.seasonal-grid-1{max-width:420px;grid-template-columns:1fr}.seasonal-grid .diagnosis-image-card svg{display:block;width:100%;height:340px;background:#fff}.seasonal-examples .seasonal-subtitle{font-size:16px;margin:24px 0 16px}.seasonal-common{border-top:1px solid var(--border);padding-top:24px}@media(max-width:760px){.seasonal-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.seasonal-grid-3>figure:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center}}@media(max-width:560px){.seasonal-grid,.seasonal-grid-3{grid-template-columns:1fr}.seasonal-grid-3>figure:last-child{grid-column:auto;width:100%}.seasonal-grid .diagnosis-image-card svg{height:360px}}

.bag-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bag-reference-grid>div{display:contents}.bag-reference-grid .diagnosis-image-card svg{display:block;width:100%;height:340px;background:#fff}.bag-reference-grid .diagnosis-image-card{width:100%;margin:0}@media(max-width:560px){.bag-reference-grid{grid-template-columns:1fr}.bag-reference-grid .diagnosis-image-card svg{height:360px}}

.cute-reference-card>div.cute-reference-photo{display:block;margin:-20px -20px 20px}.cute-reference-card>div.cute-reference-photo img{height:340px;object-fit:contain;background:#fff}

.cute-reference-card>div.cute-reference-photo{height:340px;padding:16px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.cute-reference-card>div.cute-reference-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0}@media(max-width:560px){.cute-reference-card>div.cute-reference-photo{height:360px}}

.brand-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.brand{min-width:0}.footer-logo{display:block;width:220px;max-width:80%;height:auto;margin:0 auto 12px;object-fit:contain}@media(max-width:560px){.top{height:auto;min-height:84px;padding:12px 18px;gap:12px}.brand-logo{width:225px}.brand-subtitle{font-size:11px}.private{white-space:nowrap;font-size:11px}.brand{flex:1;min-width:0}}

.intro{padding:34px 0 30px}.client-intro{position:relative;padding:8px 0 8px 20px;border-left:3px solid #e7c2cc}.client-label{display:inline-block;font-size:12px;color:#996d7b;letter-spacing:.06em;margin-bottom:12px}.client-intro h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(25px,3.2vw,34px);line-height:1.55;letter-spacing:.03em;margin:0 0 10px}.client-honorific{font-size:.55em;margin-left:12px;white-space:nowrap}.client-intro .intro-description{font-size:14px;line-height:1.8;margin:0 0 12px;color:#756365}.client-intro .date{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:#897a7c}.client-intro .date time{letter-spacing:.05em}@media(max-width:560px){.intro{padding:26px 0}.client-intro{padding-left:16px}.client-intro h1{font-size:27px}.client-intro .intro-description{font-size:13px}}

html{scroll-behavior:smooth}.wrap :is(h2,h4){scroll-margin-top:24px}.karte-navigation{position:fixed;right:20px;bottom:20px;z-index:40}.karte-navigation-buttons{display:flex;gap:8px}.karte-navigation-buttons button{border:1px solid #d9b8c3;border-radius:24px;background:#fffafc;color:#805b69;padding:10px 15px;font-size:13px;box-shadow:0 3px 14px #74536115}.karte-navigation-buttons span{font-size:18px;margin-right:3px}.karte-section-menu{width:min(320px,calc(100vw - 36px));max-height:55vh;overflow:auto;padding:12px 16px;margin-bottom:10px;border:1px solid #ead5dc;border-radius:16px;background:#fffdfd;box-shadow:0 6px 28px #74536122}.karte-section-menu>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#805b69;font-size:14px}.karte-section-menu>div button{border:0;background:none;padding:0 6px;font-size:24px}.karte-section-menu a{display:block;padding:10px 0;border-top:1px solid #f1e5e9;font-size:13px;line-height:1.7;text-decoration:none}.karte-section-menu a:hover{color:#a3657b}footer{padding-bottom:90px}@media(max-width:560px){.karte-navigation{right:14px;bottom:14px}.karte-navigation-buttons button{padding:8px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.field select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:white}.field small{font-size:12px;color:#897a7c;line-height:1.8}.personal-guide-text p{white-space:pre-wrap;line-height:2;margin:22px 0}

@media(max-width:800px){.results{grid-template-columns:1fr!important}}

/* パレット・コロレ標準タブ：2026-10-15 ご指定の参考画像に合わせる */
.page-tabs{display:flex!important;width:100%;gap:0!important;align-items:stretch!important;justify-content:stretch!important;border-bottom:2px solid #e8d9df!important;background:transparent!important;padding:0!important;border-radius:0!important;margin-bottom:32px}
.page-tabs [data-slot="tabs-trigger"]{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0!important;min-width:0;min-height:110px;height:auto!important;margin:0;padding:22px 12px!important;border:0!important;border-radius:16px 16px 0 0!important;background:transparent!important;color:#695559!important;font-family:inherit;font-size:clamp(16px,2.5vw,26px)!important;font-weight:700;line-height:1.5;text-align:center;white-space:nowrap;text-wrap:nowrap;box-shadow:none!important;transition:background-color .15s,color .15s}
.page-tabs [data-slot="tabs-trigger"][data-state="active"]{background:#f4e5ec!important;color:#8d5f6e!important}
.page-tabs [data-slot="tabs-trigger"]::after{content:"";position:absolute;left:2px;right:2px;bottom:-3px;height:9px;background:linear-gradient(to bottom,#ac8192 0 55%,#795462 55% 100%);opacity:0!important}
.page-tabs [data-slot="tabs-trigger"][data-state="active"]::after{opacity:1!important}
@media(max-width:560px){.page-tabs [data-slot="tabs-trigger"]{min-height:76px;padding:18px 3px!important;font-size:clamp(12px,3.7vw,16px)!important;border-radius:12px 12px 0 0!important}.page-tabs [data-slot="tabs-trigger"]::after{height:7px}}

[hidden]{display:none!important}button{color:inherit}body{margin:0}button{font:inherit}.brand-logo{width:280px}.tab-base{border:0;background:transparent;color:inherit}.guide-tabs{display:flex;align-items:stretch}.guide-tabs button{border:0;color:#695559;font-family:inherit;line-height:1.5}.guide-tabs button small{display:block;font-size:11px;margin-top:5px}.pdf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.reference-photo{display:flex;justify-content:center;align-items:center;height:360px;padding:16px;background:#fff}.reference-photo img{display:block;width:100%;height:100%;object-fit:contain}.diagnosis-image-card{overflow:hidden}.diagnosis-image-card figcaption{padding:20px}.seasonal-grid{margin:22px 0}.source-note{font-size:12px;color:#89777a}.guide-tabs button:focus-visible{outline:3px solid #C9A6AD}.result-name small{font-size:.56em;display:block;margin-top:5px}.karte-section-menu[hidden]{display:none}.coordinate-note{padding:16px 20px;background:#f8eeef}.result-name{line-height:1.65}@media(max-width:560px){.top .private{display:none}.brand-logo{width:225px}.guide-tabs{gap:0!important}.guide-tabs button{min-width:0;padding:12px 6px!important;flex:1}.guide-tabs button small{font-size:10px}.reference-photo{height:360px}.guide-tabs button .subtype{display:block;font-size:11px}}
/* 骨格ストレート03: full image visible, consistent portrait frame */
.straight-item-photo{height:420px;padding:12px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:visible}.straight-item-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.straight-item-gallery .diagnosis-image-card figcaption{min-height:145px}@media(max-width:560px){.straight-item-photo{height:420px;padding:10px}}

/* 固定の改行ルール：文節を保ち、句読点の後を改行。 */
.wrap :is(p,dd,li,dt,h1,h2,h3,h4,h5,summary){word-break:normal;overflow-wrap:normal;line-break:strict;text-wrap:wrap}.text-phrase{display:inline;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.punctuation-break{display:initial}.wrap :is(p,dd,li){text-wrap:wrap}

/* 見出しの文節をflexで等間隔にせず、一続きの文字列として配置 */
.cute-example-group summary{display:block;position:relative;padding-right:40px;text-align:left}.cute-example-group summary::after{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}

/* 髪型例：説明文を置かず、全体が見える写真だけを並べる */
.fresh-hair-grid .reference-photo{height:360px;padding:14px}.fresh-hair-grid .reference-photo img,.fresh-hair-grid .reference-photo svg{display:block;width:100%;height:100%;object-fit:contain;padding:0}.fresh-hair-grid .diagnosis-image-card{margin:0}

/* 髪型例は、写真の表示サイズと比率を統一。 */
.fresh-hair-grid .reference-photo{width:min(100%,320px);height:400px;aspect-ratio:4/5;margin:0 auto;padding:0;overflow:hidden}.fresh-hair-grid .reference-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.fresh-hair-grid .reference-photo svg{width:100%;height:100%;padding:0}.fresh-accessory-grid .reference-photo{height:360px}.official-video-links{display:grid;gap:14px;margin:20px 0}.official-video-link{display:block;padding:17px 20px;background:#f8eeef;border:1px solid #e9dadd;border-radius:4px;color:#805b69;text-decoration:none;line-height:1.9}.official-video-link:hover{background:#f4e5ec}@media(max-width:374px){.fresh-hair-grid .reference-photo{height:auto;aspect-ratio:4/5}}

/* スマホの参考写真は2列で、縦方向のスクロールを抑える。 */
@media(max-width:560px){
:is(#fresh-hair,#fresh-bags,#fresh-shoes,#fresh-accessories) .seasonal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(#fresh-hair,#fresh-bags,#fresh-shoes,#fresh-accessories) .diagnosis-image-card{min-width:0;margin:0}
:is(#fresh-bags,#fresh-shoes,#fresh-accessories) .reference-photo{height:auto;aspect-ratio:5/6;padding:6px;box-sizing:border-box}
#fresh-hair .reference-photo{width:100%;height:auto;aspect-ratio:4/5;padding:0}
#fresh-hair .reference-photo :is(img,svg){height:100%;width:100%;min-height:0}
:is(#fresh-bags,#fresh-shoes) .diagnosis-image-card figcaption{padding:10px}
:is(#fresh-bags,#fresh-shoes) .diagnosis-image-card h5{font-size:14px;line-height:1.7}
:is(#fresh-bags,#fresh-shoes) .diagnosis-image-card p{font-size:12px;line-height:1.8}
}

/* おすすめコーデ：全身写真を同じ枠で表示。スマホも2列。 */
.recommended-coordinate-grid .diagnosis-image-card{margin:0;min-width:0}
.recommended-coordinate-grid .reference-photo{height:auto;aspect-ratio:5/6;padding:0}
.recommended-coordinate-grid .reference-photo img{width:100%;height:100%;object-fit:contain}
.recommended-coordinate-grid figcaption{padding:14px}
.recommended-coordinate-grid h5{margin:0;font-size:16px;line-height:1.8}
@media(max-width:560px){.recommended-coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recommended-coordinate-grid figcaption{padding:10px}.recommended-coordinate-grid h5{font-size:13px}}

.coordinate-product-link{display:block;margin-top:12px;padding:10px 8px;border:1px solid #dfc9d1;background:#f8eeef;color:#805b69;text-align:center;text-decoration:none;font-size:14px;line-height:1.6;border-radius:4px}.coordinate-product-link:hover{background:#f4e5ec}@media(max-width:560px){.coordinate-product-link{font-size:12px;padding:9px 3px}}

/* 骨格04：PDF内の元画像を直接表示し、写真全体を保持。 */
.body-guide .straight04-photo{height:420px;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff}
.body-guide .straight04-photo svg{height:100%;width:100%;padding:0;display:block;overflow:hidden}
@media(max-width:560px){.body-guide .straight04-photo{height:360px}}

/* 骨格03・04もスマホで2枚ずつ表示する。 */
@media(max-width:560px){
.straight-item-gallery,#straight04 .diagnosis-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.straight-item-gallery .diagnosis-image-card,#straight04 .diagnosis-image-card{margin:0;min-width:0}
.straight-item-gallery .straight-item-photo,.body-guide #straight04 .straight04-photo{height:clamp(180px,58vw,290px);padding:6px;box-sizing:border-box}
.straight-item-gallery .diagnosis-image-card figcaption,#straight04 .diagnosis-image-card figcaption{padding:10px;min-height:0}
.straight-item-gallery .diagnosis-image-card h5,#straight04 .diagnosis-image-card h5{font-size:14px;line-height:1.7}
.straight-item-gallery .diagnosis-image-card p,#straight04 .diagnosis-image-card p{font-size:12px;line-height:1.8}
}

.photo-grid,.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.photo-grid figure,figure{margin:0;min-width:0}.photo{height:290px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px}.photo img{width:100%;height:100%;object-fit:contain}figcaption{padding:12px 8px;color:#756365;font-size:13px;text-align:center;line-height:1.7}.look-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:white}.look-card .photo{height:430px}.look-card>div{padding:0 22px 22px}.look-card h4{margin:8px 0}.look-card figcaption{display:none}.small-note{font-size:13px;color:#756365}.word-unit{display:inline-block;white-space:nowrap}details{border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:14px}summary{cursor:pointer;font-weight:bold}.guide-lead{background:#faf0eb;padding:28px;border-radius:14px;margin:22px 0}.result-name small{font-size:14px;display:block}.footer{text-align:center;color:#756365}.floating-actions{position:fixed;bottom:18px;right:18px;display:flex;gap:8px;z-index:30}.floating-actions button{border:1px solid var(--border);border-radius:24px;padding:10px 16px;background:white;color:var(--foreground);box-shadow:0 3px 15px #58484a15}#section-menu{position:fixed;right:18px;bottom:76px;background:white;border:1px solid var(--border);box-shadow:0 8px 30px #58484a25;padding:20px;max-width:340px;max-height:65vh;overflow:auto;z-index:40}#menu-links a{display:block;padding:6px}.color-library{grid-template-columns:repeat(4,minmax(0,1fr))}.color-chip strong{font-size:13px}.color-chip span{min-height:58px}@media(max-width:600px){.photo-grid{gap:10px}.photo{height:220px;padding:5px}.look-grid{grid-template-columns:1fr}.look-card .photo{height:370px}.color-library{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-tabs button{font-size:14px!important;padding-left:5px!important;padding-right:5px!important}.guide-tabs small{font-size:10px}.result-name{font-size:27px}.top{padding:0 16px}.private{display:none}}
/* Cosmetics supplied by Asuka: consistent product windows and two columns on mobile. */
.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0 36px}.cosmetic-card{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;min-width:0}.cosmetic-photo{height:260px;display:flex;align-items:center;justify-content:center;padding:18px;background:white}.cosmetic-photo img{width:100%;height:100%;object-fit:contain}.cosmetic-card figcaption{text-align:left;padding:14px 18px 20px;color:var(--foreground)}.cosmetic-brand,.cosmetic-name,.cosmetic-shade{display:block;line-height:1.75}.cosmetic-brand{font-size:13px;color:#8a5c68;letter-spacing:.04em}.cosmetic-name{font-size:14px;margin:5px 0}.cosmetic-shade{font-size:14px}.cosmetic-category{font-size:20px;margin:28px 0 10px}@media(max-width:600px){.cosmetic-grid{gap:10px}.cosmetic-photo{height:180px;padding:9px}.cosmetic-card figcaption{padding:10px 10px 14px}.cosmetic-brand{font-size:11px}.cosmetic-name,.cosmetic-shade{font-size:12px}.cosmetic-category{font-size:18px}}

.cosmetic-note{font-size:13px;line-height:1.8;color:#8a5c68;margin:10px 0 0;padding:8px 10px;background:#f8eeef;border-radius:6px}@media(max-width:600px){.cosmetic-note{font-size:12px;padding:7px}}

.inline-reference-photos{margin-top:20px}.inline-reference-photos .photo-grid{margin-top:0}

.autumn-pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.autumn-pair-card{border:1px solid var(--border);background:#fff;padding:22px;min-width:0}.autumn-pair-card h5{font-size:16px;line-height:1.8;margin:15px 0 10px}.autumn-pair-card p{font-size:14px;line-height:1.9;margin:0;color:#756365}.autumn-pair-circles{display:flex;align-items:center;justify-content:center;height:100px}.autumn-pair-circles span{width:92px;height:92px;border-radius:50%;display:block;flex:none;border:1px solid #00000008}.autumn-pair-circles span+span{margin-left:-20px;transform:translateY(13px)}.autumn-reference-photo{height:360px;padding:12px 6px;background:white}.autumn-reference-photo img{width:100%;height:100%;object-fit:contain}.autumn-pair-section{margin-top:30px}@media(max-width:900px){.autumn-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.autumn-pair-grid{gap:12px}.autumn-pair-card{padding:14px}.autumn-pair-circles{height:85px}.autumn-pair-circles span{width:65px;height:65px}.autumn-pair-card h5{font-size:14px}.autumn-pair-card p{font-size:13px}.autumn-reference-photo{height:360px}}

.makeup-example{max-width:520px;margin:28px auto 0}.makeup-example-photo{height:460px;background:white;padding:12px}.makeup-example-photo img{width:100%;height:100%;object-fit:contain}.makeup-example figcaption{text-align:center;font-size:15px;padding:12px}@media(max-width:600px){.makeup-example-photo{height:380px;padding:8px}}

.makeup-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.makeup-example-grid .makeup-example{margin:0;width:100%;min-width:0}.makeup-example-grid .makeup-example-photo{height:340px;padding:8px}@media(max-width:700px){.makeup-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.makeup-example-grid .makeup-example-photo{height:260px}}@media(max-width:400px){.makeup-example-grid .makeup-example-photo{height:220px}}

.haircolor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.haircolor-card{margin:0;min-width:0;border:1px solid var(--border);background:white;border-radius:10px;overflow:hidden}.haircolor-photo{height:310px;display:flex;align-items:center;justify-content:center;padding:10px}.haircolor-photo img{width:100%;height:100%;object-fit:contain}.haircolor-card figcaption{padding:10px;font-size:13px;text-align:center;color:#756365}@media(max-width:700px){.haircolor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.haircolor-photo{height:245px;padding:6px}}@media(max-width:400px){.haircolor-photo{height:210px}}

.fabric-example{grid-column:1/-1;margin:0;padding:18px;background:white}.fabric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.fabric-item{min-width:0;text-align:center}.fabric-item img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.fabric-item span{display:block;font-size:13px;margin-top:8px}.fabric-example figcaption{text-align:center;font-size:15px;padding-top:16px}@media(max-width:600px){.fabric-example{padding:10px}.fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

.bottom-layout{margin-top:24px}.bottom-silhouette-example{margin:0 0 24px;background:#fff;padding:20px}.bottom-silhouette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bottom-silhouette-item{height:170px;display:flex;align-items:center;justify-content:center}.bottom-silhouette-item img{height:100%;width:100%;object-fit:contain}.bottom-shape-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.bottom-shape-photo-grid figure{margin:0;background:white;min-width:0}.bottom-shape-photo{height:360px;padding:12px;display:flex;align-items:center;justify-content:center}.bottom-shape-photo img{height:100%;width:100%;object-fit:contain}.bottom-layout figcaption{text-align:center;padding:12px;font-size:14px;line-height:1.8}@media(max-width:600px){.bottom-silhouette-example{padding:12px}.bottom-silhouette-item{height:120px}.bottom-silhouette-grid{gap:16px}.bottom-shape-photo-grid{gap:12px}.bottom-shape-photo{height:270px;padding:8px}.bottom-layout figcaption{font-size:13px;padding:10px}}

.elegant-hair-examples{margin-top:28px}.elegant-hair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.elegant-hair-card{margin:0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.elegant-hair-photo{height:310px;padding:10px;display:flex;align-items:center;justify-content:center}.elegant-hair-photo img{width:100%;height:100%;object-fit:contain}.elegant-hair-card figcaption{text-align:center;padding:12px;line-height:1.8}.elegant-hair-card .eyebrow{display:block;font-size:11px;margin:0 0 5px}.elegant-hair-title{display:block;font-size:14px}@media(max-width:700px){.elegant-hair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.elegant-hair-photo{height:245px;padding:6px}.elegant-hair-title{font-size:13px}}@media(max-width:400px){.elegant-hair-photo{height:210px}}

.elegant-bag-examples{margin-top:28px}.elegant-bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.elegant-bag-card{margin:0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.elegant-bag-photo{height:310px;padding:10px;display:flex;align-items:center;justify-content:center}.elegant-bag-photo img{width:100%;height:100%;object-fit:contain}.elegant-bag-card figcaption{text-align:center;padding:12px;line-height:1.8}.elegant-bag-card .eyebrow{display:block;font-size:11px;margin:0 0 5px}.elegant-bag-title{display:block;font-size:14px}@media(max-width:700px){.elegant-bag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.elegant-bag-photo{height:245px;padding:6px}.elegant-bag-title{font-size:13px}}@media(max-width:400px){.elegant-bag-photo{height:210px}}

.elegant-shoe-examples{margin-top:28px}.shoe-category{font-size:18px;margin:26px 0 14px}.elegant-shoe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}.elegant-shoe-card{margin:0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.elegant-shoe-photo{height:285px;padding:10px;display:flex;align-items:center;justify-content:center}.elegant-shoe-photo img{width:100%;height:100%;object-fit:contain}.elegant-shoe-card figcaption{text-align:center;padding:12px;line-height:1.8}.elegant-shoe-card .eyebrow{display:block;font-size:11px;margin:0 0 5px}.elegant-shoe-title{display:block;font-size:14px}@media(max-width:700px){.elegant-shoe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.elegant-shoe-photo{height:230px;padding:6px}.elegant-shoe-title{font-size:13px}}@media(max-width:400px){.elegant-shoe-photo{height:200px}}

.sneaker-examples{margin-top:28px}

/* Match the actual pants and dress photo edges, including the source crop. */
.bottom-shape-photo img{display:block;width:min(100%,196px);height:auto;aspect-ratio:163/280;object-fit:cover;flex:none}@media(max-width:600px){.bottom-shape-photo img{width:min(100%,148px)}}

/* Compact photo collections: a simple ruled heading opens each gallery. */
.gallery-accordion{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0;background:transparent}
.gallery-accordion + .gallery-accordion{border-top:0;margin-top:-24px}
.gallery-accordion > summary{position:relative;display:block;list-style:none;padding:27px 48px 27px 0;cursor:pointer;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;font-weight:600;line-height:1.6;color:var(--foreground);text-align:left}
.gallery-accordion > summary::-webkit-details-marker{display:none}
.gallery-accordion > summary::after{content:'＋';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:inherit;font-size:27px;font-weight:400;color:#8A5C68}
.gallery-accordion[open] > summary::after{content:'−'}
.gallery-accordion > summary:focus-visible{outline:2px solid #C9A6AD;outline-offset:4px}
.gallery-content{padding:0 0 24px}.gallery-content > :first-child{margin-top:0}
@media(max-width:600px){.gallery-accordion > summary{font-size:20px;padding:24px 38px 24px 0}.gallery-accordion > summary::after{font-size:25px}}

.elegant-fashion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.elegant-fashion-card{margin:0;background:#fff;min-width:0}.elegant-fashion-photo{height:350px;padding:10px;display:flex;align-items:center;justify-content:center}.elegant-fashion-photo img{width:100%;height:100%;object-fit:contain}.official-video-links{margin:24px 0}.official-video-links .official-video-link{display:block;padding:16px 20px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#76545e;text-decoration:none;font-size:16px;line-height:1.8}.official-video-links a:hover{background:#F8EEEF}@media(max-width:700px){.elegant-fashion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.elegant-fashion-photo{height:270px;padding:6px}.official-video-links .official-video-link{padding:14px;font-size:14px}}@media(max-width:400px){.elegant-fashion-photo{height:230px}}