:root{--paper:#f6f4ed;--ink:#223b32;--muted:#626c63;--line:#d8ddd2;--green:#234c3b;--rose:#efe0d8;--gold:#b18d50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b17049;outline-offset:5px}header{height:100px;padding:23px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20}.brand{text-decoration:none;font:italic 29px Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:9px Arial;letter-spacing:2.4px;margin-top:9px}.header-right{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:15px}.dot{height:6px;width:6px;border-radius:50%;background:var(--gold)}aside{position:fixed;top:100px;bottom:0;left:0;width:218px;padding:38px 24px 24px 40px;border-right:1px solid var(--line);overflow:auto}nav{display:flex;flex-direction:column;margin-top:22px;gap:3px}nav a{text-decoration:none;font-size:12px;color:var(--muted);padding:9px 10px;margin-left:-10px;border-radius:4px}nav a.active{color:var(--green);background:#e4e9df;font-weight:700}nav a:hover{background:#e9ece4}.sidebar-bottom{margin-top:48px;font:italic 17px/1.6 Georgia;color:#7b8377}main{margin-left:218px;padding:44px clamp(26px,4.7vw,88px) 0;max-width:1800px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.09}h1{font-size:clamp(45px,5.3vw,82px);letter-spacing:-2.5px;margin:20px 0 25px}h2{font-size:38px;letter-spacing:-1px;margin:42px 0 20px}h3{font-size:25px;letter-spacing:-.5px;margin-bottom:14px}p{margin-bottom:18px;color:var(--muted)}em{font-weight:400;color:#6d8466}:is(img,svg.photo){display:block;width:100%;object-fit:cover}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:2px}.intro{font-size:18px;line-height:1.65;max-width:650px}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;min-height:500px}.hero-copy h1{font-size:clamp(66px,6.7vw,105px);margin:24px 0 28px;line-height:.99}.hero-copy .intro{font-size:16px;max-width:410px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--green);border:0;padding:15px 22px;color:white;text-decoration:none;border-radius:3px;font-size:12px;margin:14px 0}.button:hover{background:#38604b}.micro{font-size:11px;margin-top:16px}.hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 170px;gap:10px}.hero-mosaic :is(img,svg.photo){height:100%}.mosaic-one{border-radius:90px 3px 3px 3px}.mosaic-two{border-radius:3px 3px 70px 3px}.mosaic-three{border-radius:3px 3px 3px 60px}.mosaic-note{background:var(--rose);padding:30px 20px;font:25px/1.3 Georgia;display:flex;justify-content:center;flex-direction:column}.mosaic-note em{font-size:20px;margin-top:10px}.section-label{display:flex;justify-content:space-between;margin:45px 0 24px;padding-top:24px;border-top:1px solid var(--line)}.section-label span+span{font-weight:400;letter-spacing:0;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.chapter-card{text-decoration:none;transition:transform .2s}.chapter-card:hover{transform:translateY(-5px)}.chapter-card :is(img,svg.photo){height:190px;border-radius:4px}.chapter-card>div{padding:15px 0;position:relative}.chapter-card span{font-size:10px;color:var(--gold)}.chapter-card h2{font-size:29px;margin:6px 0 9px}.chapter-card p{font-size:12px;line-height:1.5}.chapter-card b{position:absolute;right:3px;top:43px;font-size:20px;font-weight:400}.editorial-note{background:#e7ebdf;padding:44px 50px;margin:42px 0}.editorial-note h2{margin-top:15px}.editorial-note p{max-width:680px}.text-link{font-size:13px}.chapter-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;margin:15px 0 42px}.chapter-hero figure :is(img,svg.photo){height:410px;border-radius:100px 4px 4px 4px}.chapter-hero figcaption{font-size:10px;color:var(--muted);margin-top:9px;text-align:right}.chapter-hero h1{font-size:clamp(42px,4.8vw,72px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.cards article{border-top:1px solid #aebdaa;padding:23px 5px 15px}.card-num{color:var(--gold);font:italic 26px Georgia;display:block;margin-bottom:22px}.cards p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:32px 0 45px}.steps b{display:block;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;text-align:center;font-size:11px;line-height:30px;margin-bottom:20px}.steps h3{font-size:21px}.steps p{font-size:13px}.dua-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.dua-grid article{padding:35px;background:#e7ebdf}.arabic{font:32px/1.8 Georgia;margin:25px 0;color:var(--ink)}.dua-grid h3{font-size:21px}.dua-grid a{font-size:12px}.letter-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:15px}.letter-layout :is(img,svg.photo){height:450px;border-radius:120px 4px 4px 4px;margin-top:35px}.letter-layout h1{font-size:65px}.prose{padding-top:28px}.prose p{font-size:16px}.lead{font:26px/1.35 Georgia;color:var(--ink)}blockquote{margin:35px 0;padding:32px 42px;background:var(--rose);font:italic 27px/1.5 Georgia;letter-spacing:-.25px}.split-note{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin:45px 0}.split-note :is(img,svg.photo){height:300px;border-radius:3px}.split-note h2{margin-top:8px}.split-note p{font-size:15px}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:23px 45px 23px 0;font:24px/1.3 Georgia}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:10px;color:var(--green);font:24px Arial}details[open]>summary:after{content:'−'}.detail-body{padding:0 0 25px;max-width:100%}.detail-body p{font-size:15px;max-width:850px}.detail-body h3{font-size:22px;margin:24px 0 15px}.detail-body p:has(+h3){margin-bottom:25px}.detail-body>p:first-child:empty{display:none}.table-wrap{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:13px;min-width:520px;text-align:left}th{background:var(--green);color:white;font-weight:400;padding:15px}td{padding:15px;vertical-align:top;border-bottom:1px solid var(--line)}tr:nth-child(even){background:#eaece3}.callout{margin:34px 0;padding:30px;border-left:3px solid var(--gold);background:#eeede3}.callout h3{font-size:25px}.callout p{font-size:14px;margin-bottom:8px}.callout a{font-size:13px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 19px;font-size:12px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.outfit :is(img,svg.photo){height:280px;border-radius:3px;margin-bottom:18px}.outfit h3{font-size:22px;margin-top:10px}.outfit .eyebrow{font-size:9px}.target{padding:35px 40px;background:var(--green);color:white;margin:30px 0}.target h2{font-size:68px;margin:12px 0 16px;color:white}.target h2 span{font:18px Arial;color:#c1d2bd;letter-spacing:0}.target p{color:#d9e1d5;max-width:650px}.calculator{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;background:#e8ecdf;padding:40px;margin:40px 0}.calculator h2{font-size:34px;margin-top:14px}.calculator p{font-size:13px}.calculator label{display:block;font-size:13px;margin:20px 0 6px}.calculator output{float:right;font-weight:700}.calculator input[type=number]{width:100%;border:1px solid #b7c1b1;border-radius:3px;padding:12px;background:var(--paper);color:var(--ink)}.calculator input[type=range]{width:100%;accent-color:var(--green)}.results{background:var(--green);color:white;padding:32px;display:flex;flex-direction:column;justify-content:center}.results span{font-size:10px;letter-spacing:2px;color:#cad7c7}.results strong{font:48px Georgia;margin:10px 0 30px}.results p{color:#cedacc}.agreement{background:var(--rose);padding:38px;margin:40px 0}.agreement h2{margin-top:0}.agreement li{padding:10px 0}.credit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:30px 0}.credit-grid a{text-decoration:none;font-size:12px}.credit-grid :is(img,svg.photo){height:170px;margin-bottom:12px}.credit-grid small{display:block;color:var(--muted);font-size:10px}.source-list li{margin:15px 0}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin:50px 0 20px;padding-top:24px;font-size:12px}.copy{border:1px solid var(--line);padding:10px 16px;background:none;color:var(--ink);border-radius:3px}.copy:hover{background:#e4e9df}footer{border-top:1px solid var(--line);margin-top:42px;padding:30px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:10px}footer span{letter-spacing:2px}footer p{font-size:10px;margin:0}#menu{display:none}.skip{position:fixed;left:20px;top:-80px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 22px;border-radius:4px;font-size:13px;z-index:100;display:none}[hidden]{display:none!important}
@media(min-width:1600px){main{margin-right:auto}.home-hero{gap:70px}.hero-mosaic{grid-template-rows:300px 220px}}
@media(max-width:1100px){header{padding:22px 25px}aside{width:185px;padding:35px 20px}main{margin-left:185px;padding:35px 30px 0}.home-hero{gap:22px}.hero-mosaic{grid-template-rows:205px 155px}.mosaic-note{font-size:19px;padding:18px}.mosaic-note em{font-size:17px}.chapter-grid{gap:12px}.chapter-card :is(img,svg.photo){height:140px}.chapter-card h2{font-size:25px}.chapter-hero{gap:25px}.chapter-hero figure :is(img,svg.photo){height:350px}.letter-layout{gap:35px}.letter-layout h1{font-size:48px}.steps{grid-template-columns:1fr 1fr}.outfit-grid{grid-template-columns:1fr 1fr}.cards{gap:16px}.calculator{padding:25px;gap:25px}.credit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){header{height:82px;padding:17px 20px}.brand{font-size:24px}.brand span{font-size:8px}.header-right{display:none}#menu{display:block;font-size:11px;border:1px solid var(--line);background:transparent;padding:9px 11px;color:var(--ink);border-radius:3px}aside{display:none;top:82px;bottom:0;width:100%;background:var(--paper);z-index:19;padding:28px}aside.open{display:block}nav a{font-size:16px;padding:10px}.sidebar-bottom{display:none}main{margin:0;padding:30px 22px 0}.home-hero{grid-template-columns:1fr;gap:24px}.hero-copy h1{font-size:75px}.hero-copy .intro{font-size:16px}.hero-mosaic{grid-template-rows:220px 155px}.chapter-grid{grid-template-columns:1fr 1fr;gap:20px}.chapter-card :is(img,svg.photo){height:190px}.section-label{font-size:9px;letter-spacing:1px}.section-label span+span{font-size:10px}.editorial-note{padding:28px;margin-top:25px}.editorial-note h2{font-size:31px}.chapter-hero{grid-template-columns:1fr;gap:15px}.chapter-hero h1{font-size:53px;letter-spacing:-2px}.chapter-hero figure :is(img,svg.photo){height:310px;border-radius:70px 3px 3px 3px}.cards{grid-template-columns:1fr;gap:5px}.cards article{padding-top:20px}.card-num{float:left;margin-right:16px;font-size:24px}.cards h3{margin-top:2px}.cards p{clear:both}.dua-grid,.split-note,.calculator,.letter-layout{grid-template-columns:1fr;gap:22px}.letter-layout :is(img,svg.photo){height:270px;margin-top:20px}.letter-layout h1{font-size:53px}.prose{padding-top:0}.split-note :is(img,svg.photo){height:260px}h2{font-size:32px}.intro{font-size:16px}blockquote{font-size:24px;padding:24px}.target{padding:28px}.target h2{font-size:52px}.target h2 span{font-size:14px}.outfit-grid{gap:14px}.outfit :is(img,svg.photo){height:240px}.outfit h3{font-size:20px}.credit-grid{grid-template-columns:1fr 1fr}.credit-grid :is(img,svg.photo){height:160px}summary{font-size:22px}.agreement{padding:25px}.agreement ol{padding-left:20px}footer{flex-wrap:wrap}.page-actions{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.expanded .outfit :is(img,svg.photo){height:340px;object-fit:contain;background:#eee9e1}.expanded .outfit p{font-size:14px;line-height:1.55;margin:0 0 24px}.detail-photo{float:right;width:210px;margin:0 0 20px 28px}.detail-photo :is(img,svg.photo){max-height:300px;object-fit:contain;background:#eee9e1}.detail-body:after{content:"";display:block;clear:both}.letter-layout .micro{font-size:12px}.letter-layout .prose h2{font-size:32px;margin-top:42px}@media(max-width:600px){.expanded .outfit :is(img,svg.photo){height:245px}.detail-photo{float:none;width:100%;margin:0 0 22px}.detail-photo :is(img,svg.photo){height:280px}.expanded .outfit h3{font-size:20px}}

svg.photo{overflow:hidden;background:#eee9e1} .detail-photo svg.photo{height:280px} svg.photo image{pointer-events:none}
.plain-assignment{padding-left:21px;color:var(--muted)}.plain-assignment li{padding:0 0 15px}.plain-assignment strong{color:var(--ink)}

.expectation{background:#efe0d8;border-radius:5px 28px 5px 5px;padding:26px 30px;margin:30px 0}.expectation .eyebrow{color:#815746}.expectation p{font:22px/1.5 Georgia;color:var(--ink);margin:10px 0 0}.card-num{color:#ab765d}.button{border-radius:5px 16px 5px 5px}.filters button{transition:background .2s,transform .2s}.filters button:hover{transform:translateY(-2px)}@media(max-width:760px){.expectation{padding:23px}.expectation p{font-size:20px}}@media(prefers-reduced-motion:reduce){.filters button:hover{transform:none}}

/* Compact, readable phone chapters with comfortable touch targets. */
@media(max-width:760px){
 main{padding-top:22px}.chapter-hero{margin:8px 0 22px;gap:10px}.chapter-hero h1,.letter-layout h1{font-size:40px;letter-spacing:-1.5px;margin:14px 0 18px}.chapter-hero figure :is(img,svg.photo){height:175px;border-radius:40px 3px 3px 3px}.chapter-hero .intro{margin-bottom:10px}.expectation{margin:20px 0;padding:20px}.expectation p{font-size:20px;line-height:1.45}.letter-layout :is(img,svg.photo){height:150px;margin-top:16px;border-radius:40px 3px 3px 3px}.letter-layout{gap:16px}.hero-copy h1{font-size:55px}.hero-mosaic{grid-template-rows:155px 120px}.cards{margin:24px 0}.cards p,.detail-body p,.callout p,.micro{font-size:15px}.chapter-hero figcaption{font-size:11px}.filters button,.copy,#menu{min-height:44px}.filters button{padding:10px 16px}.brand span{font-size:7px;letter-spacing:1.6px}.page-actions a{min-height:44px;display:inline-flex;align-items:center}.table-wrap{max-width:100%}.section-label{gap:15px}
}
@media(max-width:360px){header{padding:15px}.brand{font-size:22px}.brand span{font-size:6.5px;letter-spacing:1.1px}main{padding-left:18px;padding-right:18px}.chapter-hero h1,.letter-layout h1{font-size:36px}}