*{box-sizing:border-box}body{margin:0;color:#29313a;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #4b677b;outline-offset:5px}p,h1,h2,figure{margin:0}p{margin-bottom:20px}img{display:block;max-width:100%;width:100%;height:auto;object-fit:cover}h1{font-size:48px;line-height:1.15;letter-spacing:-.035em;font-weight:600}h2{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin-bottom:18px}.shell{width:calc(100% - 64px);max-width:1160px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;padding:10px 16px;background:#fff;z-index:20}.skip:focus{top:10px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{font-size:18px;font-weight:600;line-height:1.25}.brand>span{display:block;font-size:14px;letter-spacing:.12em;font-weight:400;color:#6a727a;margin-top:5px}.masthead>a{font-size:14px}.category{font-size:14px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:#65717b;margin-bottom:18px}.post-meta{font-size:14px;color:#68737c;line-height:1.6;margin-block:22px}.intro{font-size:20px;line-height:1.7;color:#52616d}.reading-width{width:calc(100% - 48px);max-width:720px;margin-inline:auto}.post-content{padding-bottom:30px}.post-content p{margin-bottom:20px}.post-content section{margin-top:38px}.post-content ul{padding-left:25px;margin:0 0 24px}.post-content li{padding-left:3px;margin-block:8px}.post-content>div:last-child{font-family:Arial,Helvetica,sans-serif;border-top:1px solid #dfe3e6;padding-top:20px;margin-top:32px;font-size:14px;line-height:1.7;color:#68737c}.post-footer{border-top:1px solid #dfe3e6;padding-block:24px 30px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.7;color:#59656e}.post-footer p{margin-bottom:9px}.post-footer .sample{margin-bottom:0;color:#69757f}
/* Wide cover: image spans the opening, with a left-aligned title below it. */
.wide-cover .top-photo{width:100%;max-width:1600px;margin-inline:auto}.wide-cover .top-photo img{height:360px;object-position:50% 52%}.wide-cover .post-heading{width:calc(100% - 64px);max-width:1000px;margin:36px auto 40px}.wide-cover h1{max-width:940px;font-size:50px}.wide-cover .post-heading .intro{max-width:780px;margin-bottom:0}.wide-cover .post-content{max-width:760px}
/* Framed photograph: a contained top image and classic centred typography. */
.framed-image .masthead{max-width:940px;min-height:86px}.framed-image .brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:23px}.framed-image .brand>span{font-family:Arial,Helvetica,sans-serif}.framed-image .top-photo{width:calc(100% - 48px);max-width:900px;margin:16px auto 0;padding:12px;border:1px solid #dce0e3}.framed-image .top-photo img{height:300px;object-position:50% 53%}.framed-image .post-heading{width:calc(100% - 48px);max-width:740px;text-align:center;margin:32px auto 38px}.framed-image h1{font-family:Georgia,'Times New Roman',serif;font-size:43px;font-weight:400;line-height:1.18}.framed-image .intro{font-family:Georgia,'Times New Roman',serif;font-size:20px;max-width:650px;margin:0 auto;line-height:1.75}.framed-image .post-content{max-width:680px;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.85}.framed-image h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:29px}.framed-image .post-footer{max-width:680px}
/* Compact banner: a low top image within a narrow, minimally styled article. */
.compact-banner{background:#f4f5f6;font-size:17px;line-height:1.75}.compact-banner .masthead{max-width:800px;min-height:78px}.compact-banner main{width:calc(100% - 48px);max-width:800px;margin:0 auto 30px;background:#fff;padding:24px 34px 0;border:1px solid #e1e5e8}.compact-banner .top-photo img{height:170px;object-position:50% 57%}.compact-banner .post-heading{padding-block:24px 26px}.compact-banner .category{font-size:14px;margin-bottom:12px}.compact-banner h1{font-size:31px;line-height:1.25;letter-spacing:-.025em}.compact-banner .post-meta{margin-block:17px}.compact-banner .intro{font-size:17px;margin-bottom:0}.compact-banner .reading-width{width:100%}.compact-banner .post-content section{margin-top:28px}.compact-banner h2{font-size:23px}.compact-banner .post-content p{margin-bottom:17px}.compact-banner .post-content{padding-bottom:22px}.compact-banner .post-footer{width:calc(100% - 48px);max-width:800px;border:0;padding:0 0 28px}
/* Choice page: live previews of the three complete articles. */
.image-comparison{background:#f7f8f9;font-size:16px;line-height:1.65}.compare-shell{width:calc(100% - 64px);max-width:1320px;margin-inline:auto}.comparison-masthead{font-size:14px;font-weight:600;letter-spacing:.08em;border-bottom:1px solid #dce2e7;padding-block:26px}.comparison-intro{padding-block:40px 34px}.comparison-intro .category{margin-bottom:16px}.comparison-intro h1{font-size:42px;font-weight:500;margin-bottom:22px;line-height:1.13}.comparison-intro>p:last-child{color:#5a6874;max-width:670px;margin-bottom:0}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:40px}.option{background:#fff;border:1px solid #dce2e7;min-width:0}.preview-link{display:block;text-decoration:none}.preview{height:320px;position:relative;overflow:hidden;pointer-events:none;background:#fff;border-bottom:1px solid #dce2e7}.preview iframe{position:absolute;inset:0;width:1200px;height:1100px;border:0;display:block;transform:scale(.32);transform-origin:top left;pointer-events:none}.option-info{padding:22px 24px 26px}.option-number{font-size:14px;color:#6c7882;letter-spacing:.06em;margin-bottom:10px}.option-info h2{font-size:23px;line-height:1.3;margin-bottom:14px}.option-info h2 a{text-decoration:none}.option-info>p:not(.option-number){font-size:16px;color:#596773;line-height:1.65;margin-bottom:22px}.view-link{font-size:16px;font-weight:600}.comparison-footer{border-top:1px solid #dce2e7;padding-block:24px 30px;color:#64717c;font-size:14px}.comparison-footer p{margin:0}.embedded .masthead>a{visibility:hidden}
@media(max-width:1000px){.wide-cover h1{font-size:44px}.wide-cover .top-photo img{height:330px}.options{gap:18px}.option-info{padding:20px}.option-info h2{font-size:22px}.framed-image .top-photo img{height:280px}}
@media(max-width:900px){.options{grid-template-columns:1fr;max-width:750px;margin-inline:auto;gap:30px}.wide-cover .post-heading{max-width:800px}.framed-image .post-heading{max-width:690px}.framed-image h1{font-size:40px}}
@media(max-width:600px){body{font-size:17px;line-height:1.75}.shell,.compare-shell{width:calc(100% - 40px)}.masthead{min-height:78px;gap:20px}.brand{font-size:16px}.brand>span{font-size:14px}.wide-cover .top-photo img{height:245px}.wide-cover .post-heading{width:calc(100% - 40px);margin:28px auto 30px}.wide-cover h1{font-size:35px}.reading-width{width:calc(100% - 40px)}.intro{font-size:18px}.post-meta{margin-block:18px}.category{margin-bottom:14px}.post-content section{margin-top:30px}h2{font-size:24px}.framed-image .masthead{min-height:78px}.framed-image .brand{font-size:21px}.framed-image .top-photo{width:calc(100% - 40px);padding:8px;margin-top:8px}.framed-image .top-photo img{height:225px}.framed-image .post-heading{width:calc(100% - 40px);margin-block:26px 30px}.framed-image h1{font-size:34px}.framed-image .intro{font-size:18px}.framed-image .post-content{font-size:18px}.framed-image h2{font-size:26px}.compact-banner main{width:calc(100% - 32px);padding:18px 22px 0}.compact-banner .top-photo img{height:150px}.compact-banner h1{font-size:28px}.compact-banner .post-heading{padding-block:22px 24px}.compact-banner .reading-width{width:100%}.compact-banner .post-footer{width:calc(100% - 40px)}.comparison-intro{padding-block:30px}.comparison-intro h1{font-size:34px}.option-info h2{font-size:24px}}
@media(max-width:380px){.masthead>a{font-size:14px;max-width:80px;line-height:1.4;text-align:right}.wide-cover h1{font-size:32px}.framed-image h1{font-size:31px}.compact-banner main{padding-inline:18px}.compact-banner h1{font-size:26px}.comparison-intro h1{font-size:30px}}
@media print{body,.compact-banner{background:#fff;color:#000;font-size:12pt}.masthead,.top-photo,.post-footer,.skip{display:none}.wide-cover .post-heading,.framed-image .post-heading,.compact-banner .post-heading{width:100%;max-width:none;text-align:left;margin:0 0 20px;padding:0}.reading-width,.framed-image .reading-width,.compact-banner main{width:100%;max-width:none;margin:0;padding:0;border:0}.wide-cover h1,.framed-image h1,.compact-banner h1{font-size:26pt}.post-content h2{font-size:18pt;break-after:avoid}.framed-image .intro{max-width:none;margin:0}.intro{font-size:13pt}.framed-image .post-content{font-size:12pt}}