:root{--navy:#082e63;--blue:#0788ea;--pink:#ff3b62;--green:#05a875;--line:#d8e7f1}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#edf9ff,#fff 22%,#f3faff);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",sans-serif;line-height:1.55}.web-header{position:sticky;top:0;z-index:20;height:64px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px}.web-header img{width:42px}.web-header b{font-size:24px;color:#0876dc}.web-header small{display:block;font-size:9px;color:#447295}.web-header button{margin-left:auto;border:0;background:none;font-size:27px;color:var(--navy)}.web-main{max-width:760px;margin:auto;padding:18px 14px 48px}.crumb{font-size:12px;color:#4680aa}.tag{display:inline-block;margin-top:16px;padding:5px 15px;border-radius:999px;background:#dff3ff;color:#0879d4;font-weight:900}.date{float:right;margin-top:20px;font-size:12px;color:#647b91}.web-main h1{margin:15px 0 5px;font-size:clamp(35px,7vw,54px);line-height:1.13;letter-spacing:-.04em}.lead{margin:0 0 18px;color:#4f6881;font-size:16px}.summary{display:grid;margin:18px 0;padding:10px 20px;border:9px solid var(--blue);border-radius:20px;background:#fff;box-shadow:0 10px 28px #006dc81f}.summary p{margin:0;padding:12px 0;font-size:22px;font-weight:950}.summary p+p{border-top:1px solid #b9cfdf}.summary i{display:inline-grid;width:31px;height:31px;margin-right:9px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-style:normal}.summary p:last-child{color:var(--pink)}.summary p:last-child i{background:var(--pink)}.source-art{width:100%;aspect-ratio:708/285;margin:20px 0;border-radius:22px;background-image:var(--source);background-repeat:no-repeat;background-size:108.475% auto;background-position:center 36%;box-shadow:0 10px 27px #094b821f}.section-title{margin:28px 0 12px;font-size:27px}.section-title:before{content:"⚖";color:var(--blue);margin-right:8px}.table-wrap{overflow:hidden;border:1px solid #cbdde9;border-radius:16px;background:#fff}.compare{width:100%;border-collapse:collapse;text-align:center}.compare th,.compare td{padding:13px 8px;border-right:1px solid #ccdde9;border-bottom:1px solid #ccdde9}.compare th{background:#f6f9fb}.compare th:nth-child(2){background:var(--blue);color:#fff}.compare th:nth-child(3){background:var(--pink);color:#fff}.compare td:first-child{font-weight:900}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.recommend,.step,.choice{padding:19px;border-radius:19px;background:#fff;border:1px solid var(--line);box-shadow:0 7px 20px #0a4a7e12}.recommend.blue{background:linear-gradient(135deg,#eaf8ff,#fff)}.recommend.pink{background:linear-gradient(135deg,#fff0f3,#fff)}.recommend h2{margin:0 0 10px;color:var(--blue);font-size:22px}.recommend.pink h2{color:var(--pink)}.recommend ul{margin:0;padding-left:23px;font-weight:850}.recommend p{margin:9px 0 0;color:#526d85}.notice{display:grid;grid-template-columns:auto auto 1fr;gap:11px;align-items:center;margin:18px 0;padding:14px;border:2px solid #f4c316;border-radius:14px;background:#fffdf1}.notice b{color:#efa800}.cta{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;margin-top:20px;padding:15px;border-radius:21px;background:linear-gradient(135deg,#ddf4ff,#f7fcff)}.cta img{width:76px}.cta strong{font-size:22px;color:#0572d8}.cta strong b{font-size:43px}.cta a{padding:14px 24px;border-radius:999px;background:#087ee2;color:#fff;font-weight:900;text-decoration:none}.steps{display:grid;grid-template-columns:1fr 1fr;gap:11px}.step{position:relative;padding-left:65px;min-height:130px}.step b{position:absolute;left:13px;top:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:23px}.step h3{margin:0;font-size:19px}.step p{margin:4px 0;color:#526c84}.choice{margin:14px 0;background:linear-gradient(135deg,#e4f7ff,#fff)}.choice.green{background:linear-gradient(135deg,#e6fff5,#fff)}.choice.pink{background:linear-gradient(135deg,#fff0f2,#fff)}.choice h2{margin:0;color:var(--blue);font-size:27px}.choice.green h2{color:#008e68}.choice.pink h2{color:var(--pink)}.choice button{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:10px 19px;font-weight:900}.choice.green button{background:var(--green)}.choice.pink button{background:var(--pink)}.choice-detail{display:none;margin-top:12px;padding:13px;border-radius:13px;background:#fff}.choice.open .choice-detail{display:block}.drawer{position:fixed;inset:64px 0 0 auto;z-index:30;width:min(320px,86vw);padding:18px;background:#fff;box-shadow:-12px 0 30px #002d5a30;transform:translateX(105%);transition:.25s}.drawer.open{transform:none}.drawer a{display:block;padding:15px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:900;text-decoration:none}@media(max-width:600px){.web-main h1{font-size:37px}.summary{border-width:7px;padding:8px 12px}.summary p{font-size:18px}.recommend-grid{grid-template-columns:1fr}.compare{font-size:12px}.compare th,.compare td{padding:10px 5px}.cta{grid-template-columns:64px 1fr}.cta img{width:62px}.cta strong{font-size:17px}.cta strong b{font-size:35px}.cta a{grid-column:1/-1;text-align:center}.steps{grid-template-columns:1fr}.source-art{aspect-ratio:708/330}}

.source-art{aspect-ratio:708/var(--art-h);background-size:108.475% auto;background-position:center var(--art-pos);background-color:#eef9ff;border:1px solid #d9eaf4}.image-caption{margin:-7px 4px 22px;padding:12px 15px;border-left:4px solid #0a8be6;border-radius:4px 12px 12px 4px;background:#f3faff;color:#496985;font-weight:700}@media(max-width:600px){.source-art{aspect-ratio:708/var(--art-h)}}


/* Published layout, with unobtrusive source information and useful links. */
h1,h2,h3{text-wrap:balance}a{color:#0869bb;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid #e0a51f;outline-offset:4px}.web-brand{display:flex;align-items:center;gap:5px;text-decoration:none}.web-header nav{margin-left:auto;display:flex;gap:12px;font-size:12px}.web-header small{font-size:8px}.source-art{margin-left:0;margin-right:0}.summary p{overflow-wrap:anywhere}.compare{table-layout:fixed}.compare th:first-child{width:24%}.compare tbody th{background:#f6f9fb}.compare td,.compare th{overflow-wrap:anywhere}.compare tbody th{font-size:inherit}.notice{grid-template-columns:auto 1fr}.notice>span:last-child{grid-column:1/-1;font-size:14px}.related{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;margin-top:30px}.source-details{margin-top:24px;font-size:13px;padding:14px;border:1px solid #d8e7f1;border-radius:12px;background:#fff}.source-details summary{cursor:pointer;font-weight:700}.sources{font-size:13px;line-height:1.8;color:#526c84}.sources a{overflow-wrap:anywhere}.sources ul{padding-left:20px}.simple-footer{text-align:center;padding:24px;font-size:12px}.choice-info>summary{display:inline-block;border-radius:999px;background:#0788ea;color:white;padding:10px 19px;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.choice-info>summary::-webkit-details-marker{display:none}.green .choice-info>summary{background:#05a875}.pink .choice-info>summary{background:#ff3b62}.choice-info p{font-size:15px;padding:12px;background:white;border-radius:12px}.visual-step{padding:22px;border:1px solid #d8e7f1;background:white;border-radius:20px;margin:20px 0}.visual-step h2{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 18px}.visual-step h2 b{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0788ea;color:white}.visual-step img{display:block;width:440px;max-width:100%;height:auto;margin:auto}.visual-step p{font-size:18px;margin-bottom:0}.article-point-card p{font-size:15px!important}.article-point-card h2{font-size:17px!important}.column-card-v166 p{font-size:15px}.column-card-v166>span,.column-card-v166 b{font-size:13px}.article-safe-note p{font-size:13px}.column-pick span{font-size:13px}.article-point-card{min-height:170px}.article-header-cta{max-width:48%}.article-header .brand small{white-space:normal}.article-diagnosis-cta strong{overflow-wrap:anywhere}@media(max-width:360px){.web-header{padding:0 10px}.web-header img{width:34px;height:34px}.web-header b{font-size:21px}.web-header nav{gap:8px;font-size:11px}.web-header small{display:none}.web-main h1{font-size:33px}.summary p{font-size:16px}.summary i{width:26px;height:26px;margin-right:6px}.visual-step{padding:18px}.visual-step h2{font-size:21px}.choice h2{font-size:25px}.article-header .brand small{display:none}.article-header-cta{font-size:10px;padding:10px}.column-home-hero h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:600px){.compare{font-size:14px}}

.summary p{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:start}.summary p i{margin-right:0}.summary p span{text-wrap:balance}.summary-choice{white-space:nowrap}@media(max-width:360px){.summary p{grid-template-columns:26px 1fr;gap:6px}}

/* Focused beginner guides: use the established blue/pink visual language. */
.guide-art{margin:24px 0;text-align:center}.guide-art img{max-width:100%;width:360px;height:auto}.guide-art figcaption{font-size:17px;color:#286787;margin:14px 0;font-weight:700}.guide-steps{display:grid;gap:16px}.guide-step{position:relative;background:#edf7ff;border:1px solid #cfe6fa;border-radius:20px;padding:22px 22px 22px 76px}.guide-step:nth-child(2){background:#fff1f5;border-color:#f4d7e1}.guide-number{position:absolute;left:20px;top:22px;display:grid;place-items:center;border-radius:50%;background:#0788ea;color:white;width:38px;height:38px;font-weight:800;font-size:22px}.guide-step:nth-child(2) .guide-number{background:#ed6895}.guide-step h2{font-size:22px;margin:0 0 9px}.guide-step p{font-size:17px;line-height:1.8;margin:0}.quick-answer{padding:20px 22px;border:1px solid #d8e7f1;border-radius:16px;background:white;margin:24px 0}.quick-answer h2{font-size:21px;margin:0 0 10px}.quick-answer p{font-size:16px;line-height:1.85;margin:0}.quick-answer a{font-weight:700}@media(max-width:360px){.guide-step{padding:19px 16px 19px 64px}.guide-number{left:15px;width:33px;height:33px}.guide-step h2{font-size:20px}}