/* Photo-led editorial direction. The comparison engine and form semantics are unchanged. */
:root{--ink:#26362e;--muted:#566154;--blue:#254a39;--line:#d5d8cd;--input-line:#667565;--paper:#eef0e8;--soft:#f1f2ea;--white:#fff;--warm:#fff4db;--warning:#725317;--radius:4px;--font-body:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--font-display:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;--tracking-body:.025em;--tracking-display:.035em}
body{background:#fbfaf6;color:var(--ink);font-family:var(--font-body);letter-spacing:var(--tracking-body);line-height:1.85;line-break:strict;word-break:normal;overflow-wrap:break-word}
button,input,select,textarea{font-family:var(--font-body);letter-spacing:.015em}
h1,h2,h3,h4{line-break:strict;overflow-wrap:break-word;text-wrap:balance}
.title-phrase{display:inline-block;max-width:100%}
.wrap{width:min(1240px,calc(100% - 80px))}
.site-header{min-height:102px;border-bottom:1px solid var(--line);padding-block:22px;gap:28px}
.brand{font-size:25px;letter-spacing:0;gap:12px;font-weight:600}
.brand-symbol{width:26px;height:26px;display:inline-block;flex-shrink:0;background:linear-gradient(90deg,var(--ink) 0 42%,transparent 42% 58%,var(--ink) 58%),linear-gradient(var(--ink) 0 42%,transparent 42% 58%,var(--ink) 58%);clip-path:polygon(0 0,42% 0,42% 42%,58% 42%,58% 0,100% 0,100% 42%,58% 42%,58% 58%,100% 58%,100% 100%,58% 100%,58% 58%,42% 58%,42% 100%,0 100%,0 58%,42% 58%,42% 42%,0 42%)}
.masthead-note{margin-left:38px}
.preview{border:0;padding:0;color:var(--muted)}
.site-header nav{margin-left:auto;gap:30px}
.eyebrow{color:var(--blue);font-size:14px;letter-spacing:.06em;font-weight:600;line-height:1.8}
.button{border-radius:var(--radius);background:var(--blue);border-color:var(--blue);padding:15px 24px;min-height:56px;letter-spacing:.015em;font-weight:600;line-height:1.65}
.button:hover{background:#173727;border-color:#173727}
.button.secondary{background:transparent}
.text-link{font-weight:600}
.photo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:70px;padding-block:48px 34px;align-items:center}
.hero-copy{padding-block:18px 20px}
.photo-hero h1{font-family:var(--font-display);font-size:clamp(44px,4.2vw,60px);font-weight:600;line-height:1.5;letter-spacing:var(--tracking-display);font-feature-settings:"palt";margin:18px 0 26px}
.hero-intro{font-size:22px;line-height:1.85;font-weight:500;letter-spacing:.015em;margin-bottom:18px}
.photo-hero .lead{font-size:16px;line-height:1.95;margin-bottom:28px}
.hero-actions{gap:12px 24px}
.hero-note{font-size:14px;margin-top:18px}
.hero-index{border-top:1px solid var(--line);padding-top:18px;margin-top:36px}
.hero-index>span{font-size:14px;color:var(--muted)}
.hero-index p{font-size:14px;margin:6px 0 0;letter-spacing:.02em}
.hero-index p span{padding-inline:8px;color:var(--muted)}
figure{margin:0}
.hero-photo{min-width:0}
.hero-photo img{width:100%;height:585px;display:block;object-fit:cover;object-position:50% 64%;border-radius:var(--radius)}
.hero-photo figcaption,.article-photograph figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:12px;font-size:14px;line-height:1.7;color:var(--muted)}
.trust-line{border-block:1px solid var(--line);padding-block:18px;justify-content:space-between;gap:8px 16px}
.trust-line li::before{content:"✓";padding-right:8px;color:var(--blue)}
.reading{padding-block:68px 60px}
.section-header{align-items:flex-end;margin-bottom:32px}
.section-header h2,.tool-section .section-heading h2{font-family:var(--font-display);font-size:36px;line-height:1.55;letter-spacing:var(--tracking-display);font-weight:600;font-feature-settings:"palt"}
.section-header .eyebrow{margin:0 0 10px}
.mobile-break{display:none}
.featured-guide{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);background:#e9ece1;align-items:center;border-radius:var(--radius)}
.guide-photo{display:block;overflow:hidden;color:var(--ink);border-radius:var(--radius)}
.featured-guide>.guide-photo{border-radius:var(--radius) 0 0 var(--radius)}
.guide-photo:focus-visible{outline-offset:4px}
.guide-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.guide-photo:hover img{transform:scale(1.025)}
.featured-guide>.guide-photo{height:392px}
.quiet-photo img{object-position:50% 83%}
.desk-photo img{object-position:50% 75%}
.featured-copy{padding:34px 48px}
.featured-copy h3{font-family:var(--font-display);font-size:30px;line-height:1.6;font-weight:600;letter-spacing:.025em;font-feature-settings:"palt";margin:14px 0 18px}
.featured-copy h3 a,.photo-guide h3 a{color:var(--ink);text-decoration:none}
.featured-copy h3 a:hover,.photo-guide h3 a:hover{text-decoration:underline}
.featured-copy p{font-size:16px;margin-bottom:16px}
.featured-copy small{margin-top:16px}
.guide-topic{font-size:14px;color:var(--blue);font-weight:600;letter-spacing:.03em}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px}
.photo-guide .guide-photo{aspect-ratio:1.55}
.story-heading{display:flex;gap:12px;align-items:baseline;margin-top:18px}
.story-heading .guide-number{font-size:14px;padding:0;line-height:1.7}
.story-heading .guide-topic{margin:0}
.photo-guide h3{font-size:22px;line-height:1.65;letter-spacing:.015em;margin:10px 0 10px;font-weight:600}
.photo-guide p{color:var(--muted);font-size:16px;margin-bottom:12px}
.photo-credit{font-size:14px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin:32px 0 0}
.tool-band{background:var(--paper)}
.tool-section{padding-block:62px}
.tool-section .section-heading{max-width:790px;margin-bottom:36px}
.tool-section .section-heading h2{margin-bottom:16px}
.tool-grid{grid-template-columns:370px minmax(0,1fr);gap:40px}
.panel,.more-plans,.excluded-list,.tag,.confirmation,.cost-grid .highlight,.article-cta,.method-facts,input[type=number],select,.skip-link{border-radius:var(--radius)}
.cost-grid dd,.number-unit input,.guide-number{font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
.form-row>label,.form-step,.form-group legend,summary{letter-spacing:.015em;line-height:1.7}
.hero-note,.article-meta,.source-note,.cost-note,small,.form-foot{line-height:1.85;letter-spacing:.02em}
.site-header nav a,.text-link,.article-toc{letter-spacing:.015em}
.tool-photo{margin-bottom:24px}
.tool-photo img{display:block;width:100%;height:228px;object-fit:cover;object-position:50% 40%;border-radius:var(--radius)}
.tool-photo figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.evidence{padding-block:62px;grid-template-columns:340px minmax(0,1fr);gap:65px}
.evidence h2{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.6;letter-spacing:.025em;font-feature-settings:"palt"}
.site-footer{border-top:1px solid var(--ink);padding-block:32px 48px}
.article-header{width:min(1240px,calc(100% - 80px));margin:44px auto 30px;max-width:1240px}
.article-header h1{font-family:var(--font-display);font-weight:600;font-size:42px;letter-spacing:.025em;line-height:1.6;font-feature-settings:"palt";max-width:23em}
.article-description{font-size:17px;line-height:1.9;max-width:43em}
.article-photograph{width:min(1240px,calc(100% - 80px));margin:0 auto 42px}
.article-photograph img{display:block;width:100%;height:360px;object-fit:cover;object-position:50% 45%;border-radius:var(--radius)}
.article-photograph.quiet-photo img{object-position:50% 80%}
.article-photograph.desk-photo img{object-position:50% 76%}
.article-layout{width:min(1120px,calc(100% - 80px));gap:60px}
.article-toc{background:transparent}
.article p,.article li{line-height:1.95;letter-spacing:.025em}
.article p{max-width:40em}
.article h2{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.65;letter-spacing:.025em;font-feature-settings:"palt"}
.method-article h1{font-family:var(--font-display);font-weight:600;line-height:1.6;letter-spacing:.025em;font-feature-settings:"palt"}
@media(max-width:1100px){
 .photo-hero{gap:40px}.photo-hero h1{font-size:clamp(34px,4.2vw,48px)}.hero-photo img{height:555px}
 .photo-hero .lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column}
 .featured-copy{padding:28px 32px}.featured-copy h3{font-size:27px}
 .tool-grid{grid-template-columns:340px minmax(0,1fr);gap:24px}
 .evidence{gap:40px;grid-template-columns:300px minmax(0,1fr)}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.site-header{padding-block:20px 10px;gap:10px}.site-header .brand{font-size:22px}
 .masthead-note{margin-left:0;font-size:14px}.brand-symbol{width:22px;height:22px}.preview{font-size:14px}
 .site-header nav{margin-left:0;gap:12px}.site-header nav a{font-size:16px}
 .photo-hero{grid-template-columns:1fr;gap:0;padding-block:28px}
 .hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}
 .hero-photo{order:2;margin-bottom:26px}.hero-intro{order:3}.hero-copy>.lead{order:4}.hero-actions{order:5}.hero-note{order:6}
 .photo-hero .eyebrow{margin-bottom:14px;letter-spacing:.015em}
 .photo-hero h1{font-size:clamp(33px,9.3vw,48px);line-height:1.55;margin:14px 0 22px}
 .hero-intro{font-size:19px;margin-bottom:16px}.photo-hero .lead{font-size:16px;line-height:1.9}
 .hero-actions{gap:10px}.hero-actions .button{width:100%;padding-inline:16px;gap:14px}
 .hero-note{margin-top:14px}.hero-index{display:none}
 .hero-photo img{height:280px;object-position:50% 75%}
 .hero-photo figcaption{display:block;padding-top:10px}.hero-photo figcaption span{display:block}
 .trust-line{padding-block:16px;font-size:14px}.trust-line li{margin:5px 0}
 .reading{padding-block:40px}.section-header{display:block;margin-bottom:24px}
 .section-header h2,.tool-section .section-heading h2{font-size:29px;margin-bottom:12px}
 .section-header p{font-size:14px}.mobile-break{display:block}
 .featured-guide{grid-template-columns:1fr}.featured-guide>.guide-photo{height:265px;border-radius:var(--radius) var(--radius) 0 0}
 .featured-copy{padding:26px}.featured-copy h3{font-size:27px}
 .story-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}
 .photo-guide{border-bottom:1px solid var(--line);padding-bottom:26px}.photo-guide:last-child{border:0;padding-bottom:0}
 .photo-guide .guide-photo{aspect-ratio:1.5}.story-heading{margin-top:16px}
 .photo-guide h3{font-size:23px}.photo-credit{margin-top:24px}
 .tool-section{padding-block:40px}.tool-grid{grid-template-columns:1fr;gap:26px}
 .tool-section .section-heading{margin-bottom:26px}.tool-photo{display:none}
 .evidence{padding-block:40px;grid-template-columns:1fr;gap:20px}.evidence h2{font-size:28px}
 .site-footer{padding-block:28px 36px}
 .article-header{width:calc(100% - 40px);margin-top:30px}.article-header h1{font-size:29px;line-height:1.6}
 .article-photograph{width:calc(100% - 40px);margin-bottom:28px}
 .article-photograph img{height:238px}.article-photograph figcaption{display:block}
 .article-photograph figcaption span{display:block}.article-layout{width:calc(100% - 40px)}
 .article h2{font-size:25px}.method-article h1{font-size:29px}
}
@media(max-width:980px){.article-toc{border-radius:var(--radius)}}
@media(prefers-reduced-motion:reduce){.guide-photo img{transition:none}.guide-photo:hover img{transform:none}}
@media print{.hero-photo,.article-photograph,.tool-photo,.guide-photo{display:none}.photo-hero,.featured-guide,.story-grid{display:block}body{background:white}.hero-copy{padding:0}}