:root{--ink:#242a36;--red:#8e2639;--line:#deddd9;--paper:#fff;--soft:#f5f4f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{max-width:1280px;margin:auto;padding:0 40px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:35px 0 29px}.brand{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:34px;font-weight:600;letter-spacing:.12em;line-height:1.5}.brand span{display:block;font-family:sans-serif;font-size:12px;letter-spacing:.15em;font-weight:400;margin-top:5px}.brand-note{font-family:serif;font-size:15px;letter-spacing:.2em}.masthead+.brand-note{margin:0}header>nav{display:flex;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:42px;padding:14px 0;font-size:14px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1.14fr;gap:30px;margin-top:40px;align-items:center}.hero-copy{padding:24px 0}.eyebrow{color:var(--red);font-size:14px;letter-spacing:.12em;font-weight:600}.hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(34px,4vw,51px);font-weight:500;line-height:1.55;letter-spacing:.08em;margin:22px 0}.hero p{font-size:16px;line-height:2.1;margin-bottom:32px}.hero-link{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:15px;max-width:440px}.hero-link span{float:right;color:var(--red)}figure{margin:0;position:relative}.hero img{display:block;width:100%;height:430px;object-fit:cover;object-position:51% center}.hero figcaption{position:absolute;bottom:8px;right:12px;background:#ffffffd9;padding:1px 7px;font-size:12px}.intro-row{display:flex;justify-content:space-between;align-items:center;margin-top:66px}.intro-row h2{font-size:23px;font-family:serif;font-weight:500}.intro-row p{font-size:14px;color:#626772}.topics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topics a{padding:23px 18px;border-right:1px solid var(--line);font-size:16px}.topics a:first-child{padding-left:0}.topics a:last-child{border:0}.topics span{font-size:12px;color:var(--red);display:block;letter-spacing:.1em}.topics b{float:right;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);margin-bottom:26px}.section-heading h2{font-family:serif;font-size:28px;font-weight:500}.section-heading>span{font-size:13px;color:#626772}.articles-section{margin:55px 0 70px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{display:flex;flex-direction:column;min-height:305px;border-bottom:1px solid var(--line);padding:23px 0 24px}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--red);font-size:13px;letter-spacing:.07em}.index{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#c6b6b7}.card h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:600;font-size:22px;line-height:1.7;margin:17px 0 13px}.card p{font-size:14px;color:#626772;line-height:1.9;margin:0 0 20px}.card-meta{margin-top:auto;font-size:12px;color:#626772}.card-meta span{float:right}.editor-note{background:var(--ink);color:white;padding:45px 55px;margin-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.editor-note>span{grid-column:1/-1;letter-spacing:.14em;font-size:12px;color:#dcb6bf}.editor-note h2{font-family:serif;font-size:28px;font-weight:400;line-height:1.8}.editor-note p{font-size:15px;line-height:2.2;align-self:center}.editor-note a{font-size:14px;grid-column:2;color:#fff;border-bottom:1px solid #78808c;justify-self:start}footer{border-top:1px solid var(--line);background:var(--soft);text-align:center;padding:48px 24px}.footer-brand{font-family:serif;font-size:25px;letter-spacing:.1em}footer p{font-size:14px}footer div{display:flex;gap:25px;justify-content:center;font-size:13px;margin:25px 0}footer small{font-size:12px;color:#626772}.breadcrumb{font-size:13px;margin:30px 0;color:#626772}.article-shell{max-width:1120px}.article-head{padding:10px 0 30px;max-width:800px}.article-head h1{font-family:serif;font-size:36px;font-weight:600;line-height:1.65;margin:18px 0}.dek{font-size:18px;color:#626772}.byline{font-size:13px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.article-content{max-width:720px;margin:20px auto 60px;font-size:17px;line-height:2.15}.article-content .lead{font-size:18px}.toc{background:var(--soft);padding:26px 30px;margin:35px 0}.toc strong{display:block;margin-bottom:15px;font-size:16px}.toc a{display:block;border-top:1px solid var(--line);padding:10px 0;font-size:15px}.article-content section{margin:45px 0;scroll-margin-top:20px}.article-content h2{font-family:serif;font-size:26px;line-height:1.7;border-left:3px solid var(--red);padding-left:20px}.takeaway{border-top:2px solid var(--red);background:var(--soft);padding:25px}.takeaway strong{color:var(--red)}.article-content .disclosure{font-size:13px;line-height:1.9;color:#626772;margin-top:28px}.related{margin-bottom:70px}.category{min-height:60vh;padding-bottom:70px}.category h1,.policy h1{font-family:serif;font-size:34px;margin:35px 0}.policy{max-width:800px;padding-top:35px;padding-bottom:70px}.policy p{font-size:17px;line-height:2}.policy h2{font-size:23px;margin-top:35px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:800px){header,main{padding-left:22px;padding-right:22px}.masthead{padding:24px 0}.brand{font-size:27px}.brand-note{font-size:12px}header>nav{gap:22px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;font-size:14px}.hero{grid-template-columns:1fr;gap:5px;margin-top:22px}.hero-copy{padding-top:8px}.hero h1{font-size:38px;margin:15px 0}.hero p{margin:15px 0 20px}.hero img{height:330px}.hero-link{max-width:none}.intro-row{display:block;margin-top:38px}.intro-row h2{margin-bottom:0}.intro-row p{margin-top:8px}.topics{grid-template-columns:repeat(3,1fr)}.topics a{font-size:14px;padding:15px 10px;border-bottom:1px solid var(--line)}.topics a:first-child{padding-left:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card h3{font-size:20px}.editor-note{padding:30px;grid-template-columns:1fr;gap:0}.editor-note a{grid-column:1}.editor-note h2{font-size:25px}.editor-note p br{display:none}.article-head h1{font-size:29px}.article-content h2{font-size:24px}.section-heading h2{font-size:25px}}@media(max-width:500px){.brand{font-size:25px}.brand-note{display:none}.brand span{font-size:11px;letter-spacing:.06em}.hero h1{font-size:34px}.hero img{height:290px}.grid{grid-template-columns:1fr;gap:0}.card{min-height:0;padding:22px 0}.card h3{font-size:22px;margin-top:10px}.card p{font-size:15px}.topics{grid-template-columns:repeat(2,1fr)}.topics a:last-child{border-bottom:1px solid var(--line)}.article-head h1{font-size:28px}.article-content{font-size:17px}.toc{padding:22px}.editor-note{padding:26px}.section-heading>span{font-size:12px}footer div{flex-direction:column;gap:10px}}
.compat-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:38px 0;padding:30px 36px;border:1px solid #d5b9be;border-left:5px solid var(--red);background:linear-gradient(115deg,#fcf4f5,#fff 75%);transition:border-color .2s}.compat-banner:hover{border-color:var(--red)}.compat-kicker{display:block;color:var(--red);font-size:13px;letter-spacing:.15em}.compat-banner strong{display:block;font-family:serif;font-size:29px;font-weight:500;margin:5px 0}.compat-banner p{margin:0;color:#626772;font-size:14px}.compat-cta{flex-shrink:0;background:var(--red);color:white;padding:13px 22px;font-size:15px}.compat-cta b{font-weight:400;margin-left:20px}.compat-page{max-width:880px;padding-bottom:60px}.compat-heading{text-align:center;margin:45px 0 35px}.compat-heading h1{font-family:serif;font-weight:500;font-size:40px;line-height:1.6}.compat-heading p{color:#626772}.compat-fields{display:flex;align-items:center;gap:25px}.compat-fields label{flex:1;font-size:16px;font-weight:600;min-width:0}.compat-fields select{display:block;width:100%;margin-top:12px;padding:15px 12px;border:1px solid #a6a5a3;border-radius:0;color:var(--ink);background:#fff;font:inherit;font-weight:400}.times{padding-top:40px;color:var(--red);font-size:24px}#compat-form{background:var(--soft);padding:32px}#compat-form button{display:block;margin:28px auto 0;padding:16px 30px;border:0;background:var(--red);color:white;font:inherit;cursor:pointer}select:focus-visible,button:focus-visible{outline:3px solid #2e567c;outline-offset:4px}.compat-note{text-align:center;font-size:13px;color:#626772;margin:20px 0 35px}#compat-result{border-top:3px solid var(--red);padding:28px;background:#fcf5f6;margin:35px 0}#compat-result h2{font-family:serif;font-size:29px;line-height:1.7;font-weight:500}#compat-result h3{font-size:18px;margin-top:28px;color:var(--red)}#compat-result a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:20px}#compat-result p{font-size:17px;line-height:2}.compat-method{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.compat-method h2{font-size:18px}.compat-method p{font-size:14px;color:#626772}@media(max-width:600px){.compat-banner{padding:22px;display:block}.compat-banner strong{font-size:25px}.compat-cta{display:inline-block;margin-top:20px}.compat-heading h1{font-size:34px}.compat-fields{gap:12px;display:block}.compat-fields label{display:block}.times{display:block;text-align:center;padding:8px 0}#compat-form{padding:23px}#compat-form button{width:100%;padding:15px 10px}#compat-result{padding:22px}}
.result-pair{font-size:15px;color:var(--red);letter-spacing:.08em}.sign-profiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.sign-profile{background:white;padding:22px;border-top:1px solid #d5b9be}#compat-result .sign-profile h3{margin:12px 0;font-family:serif;font-size:20px}#compat-result .sign-profile p{font-size:15px;margin-bottom:0}.result-toc{padding:22px;background:white;margin:30px 0}.result-toc strong{font-size:15px}#compat-result .result-toc a{font-size:14px;margin:10px 0;text-decoration:none}.reading-section{border-top:1px solid #d5b9be;margin-top:30px;padding-top:25px;scroll-margin-top:25px}.reading-number{font:italic 26px Georgia,serif;color:#aa6875}#compat-result .reading-section h3{font-family:serif;font-size:23px;margin:8px 0 16px}.reading-section blockquote{margin:22px 0;padding:20px 24px;background:white;border-left:3px solid var(--red);font-size:17px;line-height:2}.result-related{background:white;padding:22px;margin-top:30px}#compat-result .result-related h3{margin-top:0}#compat-result .result-disclaimer{font-size:13px;color:#626772;margin-top:30px}.choose-again{padding:13px 22px;background:white;border:1px solid var(--red);color:var(--red);font:inherit;cursor:pointer;margin-top:10px}@media(max-width:600px){.sign-profiles{grid-template-columns:1fr}.result-toc{padding:18px}#compat-result .reading-section h3{font-size:22px}.reading-section blockquote{padding:16px}}
.article-content .article-photo{margin:25px 0 27px}.article-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f5f4f1}.article-photo figcaption{font-size:13px;line-height:1.8;color:#626772;padding-top:10px}.article-photo figcaption span{display:block;font-size:12px;color:#767b83;margin-top:3px}@media(max-width:500px){.article-content .article-photo{margin:20px -4px 24px}.article-photo figcaption{padding-left:4px;padding-right:4px}}
.tool-entries{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 35px}.tool-entries>a{border:1px solid var(--line);padding:25px 30px;background:#f5f4f1}.tool-entries span{font-size:13px;color:#626772}.tool-entries strong{display:block;font-family:serif;font-size:24px;margin:5px 0}.tool-entries p{font-size:14px;margin:7px 0 15px}.tool-entries b{font-size:14px;font-weight:500;color:var(--red)}.fashion-page{padding-bottom:70px}.fashion-intro{margin:30px 0}.fashion-intro h1{font-family:serif;font-size:36px;margin:5px 0}.fashion-intro p{margin:5px 0;color:#626772}.fashion-controls{display:flex;gap:40px;padding:22px;background:var(--soft);margin-bottom:30px}.control-label{display:block;font-size:13px;color:#626772;margin-bottom:10px}.fashion-controls nav{display:flex;gap:8px}.fashion-controls a{display:block;padding:9px 24px;border:1px solid var(--line);background:white;font-size:16px}.fashion-controls a[aria-current]{background:var(--red);color:white;border-color:var(--red)}.fashion-look{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}.fashion-look img{width:100%;height:auto;display:block}.fashion-look figcaption{font-size:12px;color:#626772;line-height:1.7;margin-top:8px}.fashion-look h2{font:500 30px/1.65 'Yu Mincho',serif;margin:12px 0}.fashion-look-copy p{font-size:17px;line-height:2}.fashion-scene{border-top:1px solid var(--line);padding-top:18px;color:#626772}.fashion-look-copy a{font-size:15px;color:var(--red)}.fashion-items{margin:50px 0}.fashion-item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.fashion-item-grid>div{border-bottom:1px solid var(--line);padding:20px 0}.fashion-item-grid h3{font-size:19px;line-height:1.7}.fashion-item-grid p{font-size:15px;color:#626772}.fashion-items>p{font-size:15px}.fashion-tips{background:#fcf4f5;border-top:2px solid var(--red);padding:30px 40px}.fashion-tips h2,.fashion-bottom h2{font-family:serif;font-size:26px}.fashion-tips li{margin:13px 0;font-size:17px}.fashion-tips ul{padding-left:23px}.fashion-tips p{font-size:17px}.fashion-bottom{padding-top:30px;max-width:820px}.fashion-bottom p{font-size:17px}.fashion-bottom a{display:block;color:var(--red);text-decoration:underline;margin-top:15px}@media(max-width:800px){.fashion-controls{gap:20px;flex-wrap:wrap}.fashion-look{grid-template-columns:1fr;gap:20px}.fashion-item-grid{grid-template-columns:1fr 1fr}.tool-entries strong{font-size:22px}.tool-entries>a{padding:20px}.fashion-intro h1{font-size:30px}}@media(max-width:500px){.tool-entries{grid-template-columns:1fr}.fashion-controls{padding:18px}.fashion-controls a{padding:9px 20px}.fashion-item-grid{gap:18px}.fashion-items .section-heading h2{font-size:23px}.fashion-look h2{font-size:27px}.fashion-tips{padding:22px}.fashion-item-grid h3{font-size:18px}}