/* Design 12: preserve the approved mobile artwork; refine content and hierarchy. */
.design-v12 .hero-word{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:600;-webkit-text-stroke:0;filter:drop-shadow(0 1px 1px #805f3266);letter-spacing:.065em;background-image:linear-gradient(180deg,#fff6da,#f0d699 65%,#c49c55);text-shadow:none}
.design-v12 .hero-emphasis{filter:drop-shadow(0 2px 5px #0005)}
.design-v12 .hero-description-end{white-space:normal;display:inline}
.design-v12 .hero-description{max-width:28em}
@media(min-width:1101px){
 .design-v12 .hero-stage,.design-v12 .hero-frame{min-height:760px}
 .design-v12 .hero-picture>picture>img{width:94%;margin-left:6%;height:auto}
 .design-v12 .hero-copy{padding-top:65px}
 .design-v12 .hero-care-collage{bottom:32px}
 .design-v12 .hero-actions{bottom:66px}
}
.design-v12 .intro-footnote{line-height:1.65}
.ribbon-credential{margin:18px 0;padding:0;border:0;background:none;color:#2a4355;min-width:0}
.design-v12 .credential-ribbon{position:relative;top:auto;left:-5px;display:table;max-width:calc(100% + 5px);margin:0 0 8px;padding:7px 19px 7px 12px;background:linear-gradient(110deg,#234961,#15394f);color:#fff1cc;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);font-weight:700;font-size:12px;line-height:1.55}
.ribbon-owner,.kol-brief{font-size:11px;line-height:1.65;margin:6px 0;color:#435967}.kol-brief b{font-size:11px;color:#7d602f}
.ribbon-credential .mini-credential-link{font-size:10px;padding:3px 0;margin:0}
.spots-evidence{display:grid;grid-template-columns:135px minmax(0,1fr);gap:15px;align-items:center;margin:17px 0}
.spots-evidence .ribbon-credential{margin:0}
.design-v12 .treatment-record{width:135px;max-width:135px}
.design-v12 .treatment-record .medal-copy>p{font-size:10px;margin-bottom:2px;white-space:nowrap}
.design-v12 .treatment-record .medal-copy>strong{font-size:29px;margin:1px 0 3px;letter-spacing:-.06em}
.design-v12 .treatment-record .medal-copy>span{font-size:12px}
.mini-record-note{font-size:8px;line-height:1.55;text-align:center;margin:5px 0;color:#586675}
.acne-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.design-v12 .acne-link-grid .treatment-links{margin:0;display:flex;min-width:0}
.design-v12 .acne-link-grid .treatment-detail{width:100%;font-size:11px;padding:10px;min-height:52px;display:flex;gap:6px;align-items:center;justify-content:space-between}
.design-v12 .acne-link-grid .treatment-detail>span{flex:0 0 auto}
.design-v12 .treatment-photo.device-triptych{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:4px;align-items:center;padding:4px;background:#fff}
.design-v12 .treatment-photo.device-triptych img{width:100%;height:98px;object-fit:contain;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;min-width:0}
.certificate-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px 16px;align-items:center;margin:19px 0;color:#294154;background:none;border:0;padding:0}
.certificate-feature>.credential-ribbon{grid-column:1/-1;margin-bottom:2px}
.design-v12 .certificate-feature .certificate-expanded{width:100%;height:167px;min-height:0;padding:0 0 20px;background:transparent;border:0;box-shadow:none}
.design-v12 .certificate-feature-hair .certificate-expanded{height:235px}
.certificate-feature .mini-credential-title{font-size:12px;line-height:1.6}.certificate-feature .mini-credential-issuer{font-size:10px}
.certificate-feature .mini-credential-link{font-size:10px;line-height:1.6;padding-top:3px}
.design-v12 .certificate-feature .certificate-zoom{font-size:10px;bottom:0}
.design-v12 .double-triple-note{margin-top:10px;padding-top:9px;border-top:1px solid #c6c2aa;font-weight:600;line-height:1.7}
.design-v12 .treatment-case-thumb img{object-fit:contain;height:116px;border-radius:0}.design-v12 .treatment-case-thumb figcaption{font-size:9px;line-height:1.5;margin-top:4px;min-height:0;text-align:center;color:#365475}
.treatment-case-note{font-size:10px;line-height:1.65;color:#5a6772;margin:10px 0 15px}
.credentials-text-list{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #cfb37465;color:#fff7e6}
.credentials-text-list ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;margin:0;padding-left:18px;font-size:13px;line-height:1.6}
.credentials-text-list li::marker{color:#dbbc7c}.credentials-text-list>p{font-size:10px;line-height:1.5;color:#d5e0e6;margin:12px 0 0}
.design-v12 .kol-card{padding:15px 18px 13px;isolation:isolate;min-height:0}
.design-v12 .kol-category{font-size:10px;min-height:0;margin-bottom:4px;line-height:1.45}
.design-v12 .kol-card h4{font-size:24px;line-height:1.2;min-height:0;margin:0 0 6px}
.design-v12 .kol-status{margin-bottom:6px;font-size:14px;line-height:1.4}
.design-v12 .kol-issuer{padding-top:7px;font-size:11px;line-height:1.55}
.design-v12 .kol-monogram{display:none}
.kol-device-watermark{position:absolute;right:6px;top:5px;width:115px;height:118px;opacity:.2;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.kol-device-watermark>img{width:100%;height:100%;object-fit:contain}.kol-device-pico>img{width:215%;max-width:none;object-fit:contain;transform:translateX(-49%)}
.design-v12 .closing{padding-top:35px}
.closing-visual{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:44px 35px;margin-top:19px;text-align:left;background:linear-gradient(120deg,#f8f5ec,#fffdf5 65%,#e6ebed);border:1px solid #b9a06f;border-bottom:4px solid #ad874b}
.closing-visual::after{content:"";position:absolute;inset:7px;border:1px solid #baa16d55;z-index:-1;pointer-events:none}
.closing-visual-copy{position:relative;z-index:2;width:76%;text-shadow:0 1px 4px #fff,0 0 12px #fff}
.design-v12 .closing-visual h2{font:700 clamp(28px,3vw,37px)/1.55 "Yu Mincho","Hiragino Mincho ProN",serif;color:#16364d;letter-spacing:.025em;margin:10px 0 0}
.closing-visual .eyebrow{font-size:10px;color:#80643a;letter-spacing:.18em;margin:0}
.closing-device-backdrop{position:absolute;inset:5px 0 0;display:grid;grid-template-columns:1.65fr repeat(5,1fr);gap:10px;align-items:center;padding:12px 8px;z-index:-1;opacity:.14;pointer-events:none;mix-blend-mode:multiply}
.closing-device{height:220px;overflow:hidden;display:block}.closing-device>img{width:100%;height:100%;object-fit:contain}
.closing-device-0>img{height:270px;object-position:center top}.closing-device-1{transform:translateY(-9px)}.closing-device-2{transform:translateY(-17px)}.closing-device-3{transform:translateY(-15px)}
.closing-doctor{position:absolute;right:2%;bottom:-40px;width:22%;max-width:230px;height:auto;max-height:none;object-fit:contain;object-position:center top;z-index:1;clip-path:url(#doctor-silhouette);filter:drop-shadow(0 4px 10px #1530441a)}
.design-v12 .access{padding-block:32px}.design-v12 .access-grid{gap:20px 30px;align-items:start}
.design-v12 .access h2{font-size:25px;line-height:1.45;margin:8px 0 12px}
.design-v12 .access p{line-height:1.55;margin-top:9px}.design-v12 .access .eyebrow{margin:0}
.design-v12 .access table{font-size:13px;line-height:1.5;margin:0}.design-v12 .access td,.design-v12 .access th{padding:7px 11px}.design-v12 .access caption{margin-bottom:5px}
.design-v12 .access-phone{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid #ead6ab;background:linear-gradient(135deg,#fff3d1,#dfc18a);color:#18394e;border-radius:6px;margin-top:15px;text-decoration:none;box-shadow:inset 0 1px 0 #fff9,0 4px 12px #0002;line-height:1.3}
.access-phone .md-icon{width:28px;height:28px;flex:0 0 auto}.access-phone>span{display:flex;flex-direction:column;gap:3px}.access-phone small{font-size:10px}.access-phone strong{font:700 25px/1.2 Arial,sans-serif;letter-spacing:.025em}.access-phone>b{font-size:19px;margin-left:auto}
.design-v12 .access-phone:hover{filter:brightness(1.06)}.design-v12 .access-phone:focus-visible{outline:3px solid #fff;outline-offset:4px}
.design-v12 .access-map iframe{height:260px;min-height:0}.design-v12 .access-map{padding-bottom:15px}.design-v12 .map-heading{padding:10px 16px}.design-v12 .access-map .map-help{font-size:10px;line-height:1.5;margin:9px 12px 0}.design-v12 .access-map .button{margin-top:12px;min-height:42px;padding:10px 18px}.design-v12 .map-route{margin-top:10px;font-size:11px}
@media(max-width:767px){
 .design-v12 .hero-word{letter-spacing:.035em}.design-v12 .hero-description{max-width:15.5em;font-size:9px;line-height:1.6}
 .spots-evidence{grid-template-columns:105px minmax(0,1fr);gap:9px}.design-v12 .treatment-record{width:105px;max-width:105px}.design-v12 .treatment-record .medal-copy>p{font-size:8px}.design-v12 .treatment-record .medal-copy>strong{font-size:24px}.design-v12 .treatment-record .medal-copy>span{font-size:10px}.mini-record-note{font-size:7px}
 .design-v12 .credential-ribbon{font-size:10px;line-height:1.55;padding:6px 16px 6px 9px}.ribbon-owner,.kol-brief{font-size:10px;line-height:1.6}.kol-brief b{font-size:10px}.ribbon-credential .mini-credential-link{font-size:9px}
 .design-v12 .acne-link-grid .treatment-detail{font-size:10px;line-height:1.5;padding:9px 8px;min-height:54px}
 .design-v12 .treatment-photo.device-triptych{gap:2px}.design-v12 .treatment-photo.device-triptych img{height:86px}
 .certificate-feature{grid-template-columns:1.05fr 1fr;gap:8px 12px}.design-v12 .certificate-feature .certificate-expanded{height:135px}.design-v12 .certificate-feature-hair .certificate-expanded{height:205px}
 .certificate-feature .mini-credential-title{font-size:11px}.certificate-feature .mini-credential-issuer,.certificate-feature .mini-credential-link{font-size:9px}
 .design-v12 .treatment-case-thumb img{height:94px}.design-v12 .treatment-case-thumb figcaption{font-size:8px}.treatment-case-note{font-size:9px;line-height:1.65}
 .credentials-text-list ul{grid-template-columns:1fr;gap:7px;font-size:12px;padding-left:16px}.credentials-text-list>p{font-size:9px}.credentials-text-list{margin-bottom:19px;padding-bottom:15px}
 .design-v12 .kol-card{padding:12px 11px}.design-v12 .kol-card h4{font-size:20px;line-height:1.25}.design-v12 .kol-category{font-size:9px}.design-v12 .kol-category>span{display:inline}.design-v12 .kol-status{font-size:12px}.design-v12 .kol-issuer{font-size:10px}.kol-device-watermark{width:76px;height:92px;right:2px;opacity:.17}
 .closing-visual{padding:25px 16px;min-height:210px;margin-top:15px;text-align:center}.closing-visual-copy{width:100%}.design-v12 .closing-visual h2{font-size:clamp(23px,6vw,29px);line-height:1.55}.closing-doctor{display:none}.closing-device-backdrop{gap:2px;opacity:.14;padding:5px}.closing-device{height:175px}.closing-device-0>img{height:205px}
 .design-v12 .access{padding-block:26px}.design-v12 .access-grid{gap:20px}.design-v12 .access h2{font-size:21px;margin-bottom:10px}.design-v12 .access p{font-size:12px;line-height:1.55}.design-v12 .access .text-link{font-size:11px}.design-v12 .access table{font-size:12px}.design-v12 .access-phone{padding:11px 14px;margin-top:12px}.access-phone strong{font-size:24px}.access-phone small{font-size:9px}.design-v12 .access-map iframe{height:230px}
}
@media(max-width:374px){.spots-evidence{grid-template-columns:92px minmax(0,1fr)}.design-v12 .treatment-record{width:92px;max-width:92px}.design-v12 .treatment-record .medal-copy>p{font-size:7px}.design-v12 .treatment-record .medal-copy>strong{font-size:21px}.design-v12 .credential-ribbon{font-size:9px}.design-v12 .hero-description{font-size:8px}.design-v12 .kol-card h4{font-size:18px}.design-v12 .kol-issuer{font-size:9px}.design-v12 .treatment-photo.device-triptych img{height:78px}}
@media(max-width:374px){.design-v12 .record-grid .medal-copy>strong{font-size:21px}.design-v12 .record-grid .medal-copy>p{font-size:8px}}