:root{--ink:#202b46;--muted:#535e70;--paper:#eeeade;--teal:#176e69;--gold:#edcd74;--line:#202b4630}*{box-sizing:border-box}html{direction:rtl;scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--teal)}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%}.top{padding:18px 6%;border-bottom:1px solid var(--line)}.top-inner{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.top-logo{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--muted);font-size:12px}.top-logo img{width:150px;height:46px;object-fit:contain}.top-cta{padding:11px 24px;background:var(--ink);color:white;text-decoration:none;font-size:13px;font-weight:600;box-shadow:3px 3px 0 #202b4620}.eyebrow{font-size:12px;letter-spacing:.3px;font-weight:500;margin:0 0 20px}.hero,.article-hero{background:var(--ink);color:#f7f2e5;background-image:radial-gradient(#ffffff12 .7px,transparent .7px);background-size:5px 5px;border-bottom:7px solid #c7a24c}.journal-index-hero{padding:60px max(6%,calc((100% - 1280px)/2)) 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;overflow:hidden}.hero h1{font-size:clamp(43px,5vw,72px);line-height:1.04;letter-spacing:-2.5px;font-weight:900;margin:0 0 28px}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p:last-child{color:#d4d9e2;font-size:15px;max-width:560px;margin:0}.hero .eyebrow{color:#dfc788}.journal-cover{position:relative;background:#efe8d6;color:var(--ink);height:340px;transform:rotate(-5deg);padding:30px;box-shadow:8px 12px 0 -3px #ccc2aa,0 22px 35px #0004;border-top:11px solid #fff9}.cover-label{font-size:11px;display:block;border-bottom:1px solid var(--line);padding-bottom:10px}.journal-cover strong{display:block;font-size:33px;line-height:1.1;margin-top:22px;letter-spacing:-1px;max-width:280px}.journal-cover em{font-style:normal;color:var(--teal);text-decoration:underline;text-decoration-color:#c7a24c;text-decoration-thickness:5px;text-underline-offset:6px}.journal-cover img{position:absolute;height:265px;width:195px;object-fit:contain;bottom:-22px;left:-28px;filter:drop-shadow(6px 8px 4px #0002)}.cover-note{font-size:14px;display:block;margin-top:35px;color:var(--teal);transform:rotate(3deg)}.posts{max-width:1280px;margin:0 auto;padding:65px 25px 85px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.post-card{position:relative;display:block;padding:36px 34px;background:#fffdf4;border:1px solid #b9b4a4;color:var(--ink);text-decoration:none;box-shadow:5px 7px 0 #202b4614;transition:transform .2s,box-shadow .2s}.post-card:before{content:'';position:absolute;top:-12px;right:calc(50% - 35px);width:70px;height:24px;background:#c4b99a99;transform:rotate(5deg)}.post-card:nth-child(3n+1){background:#d4dfc9}.post-card:nth-child(3n){background:#e8d49c}.post-card:first-child{grid-column:1/-1;padding:40px 40px 40px 150px;transform:rotate(-.5deg)}.post-card:hover{transform:translateY(-4px);box-shadow:7px 11px 0 #202b461c}.post-number{position:absolute;left:28px;top:25px;font-size:58px;font-weight:300;line-height:1;color:#202b4645}.post-label{font-size:11px;display:block;margin-bottom:25px}.post-card time{font-size:11px;color:var(--muted)}.post-card h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:12px 0 15px;max-width:90%}.post-card:first-child h2{font-size:37px;max-width:870px}.post-card p{font-size:14px;color:#455264;margin:0;max-width:760px}.post-card .more{display:flex;justify-content:space-between;border-top:1px solid #202b4640;margin-top:25px;padding-top:13px;font-size:13px;font-weight:600}.post-card .more:after{content:'↖';font-size:22px}.article-hero{padding:34px 6% 58px;position:relative;overflow:hidden}.article-hero-inner{max-width:1190px;margin:auto;position:relative}.crumbs{font-size:11px;color:#c6ccd7;margin-bottom:36px}.crumbs a{color:#dce2e9;text-decoration:none}.article-hero .eyebrow{color:var(--gold);margin-bottom:19px}.article-hero h1{font-size:clamp(37px,4.7vw,66px);line-height:1.08;letter-spacing:-2px;font-weight:900;max-width:1000px;margin:0 0 28px;text-wrap:balance}.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:#d4dae4;border-top:1px solid #ffffff30;padding-top:18px;max-width:900px}.hero-pencil{position:absolute;left:0;bottom:-52px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:600;padding:10px 25px;transform:rotate(-4deg);box-shadow:3px 3px 0 #0002}.article-wrap{max-width:1240px;margin:45px auto 70px;padding:0 25px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;align-items:start}.reading-rail{position:sticky;top:25px;font-size:12px}.rail-title{font-size:18px;font-weight:700;margin:0 0 13px;border-bottom:2px solid var(--ink);padding-bottom:12px}.reading-rail nav>a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;line-height:1.6}.reading-rail nav>a>span{color:var(--teal);font-size:11px;padding-top:2px}.reading-rail nav>a:hover{color:var(--teal)}.rail-practice{background:#d3ddc7;padding:24px;margin-top:30px;transform:rotate(-1deg);border:1px solid #202b4620;box-shadow:4px 5px 0 #202b4614}.rail-practice img{width:58px;height:58px;object-fit:cover;border-radius:50%;margin-bottom:10px}.rail-practice strong{display:block;font-size:17px;line-height:1.3}.rail-practice p{font-size:12px;line-height:1.7}.rail-practice>a{display:block;background:var(--ink);color:#fff;padding:10px;text-align:center;text-decoration:none;font-weight:600}article{background:#fffdf5;padding:40px 45px;box-shadow:6px 9px 0 #202b4610;border:1px solid #c9c3b3;font-size:16px;min-width:0;position:relative}article:before{content:'';position:absolute;right:40px;top:-13px;width:85px;height:25px;background:#d0c4a4aa;transform:rotate(-4deg)}article>p:first-child{font-size:19px;line-height:1.9;font-weight:500;border-bottom:1px solid #202b4630;padding-bottom:25px;margin-bottom:30px}article p{margin:0 0 19px}article h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:42px 0 17px;padding-top:10px;scroll-margin-top:25px}article h2:before{content:'';display:block;width:43px;height:5px;background:#c7a24c;margin-bottom:13px}article h3{font-size:21px;line-height:1.4;margin:30px 0 12px}article ul,article ol{padding-right:25px;margin:0 0 23px}article li{padding-right:4px;margin-bottom:9px}article li::marker{color:var(--teal)}article a{text-underline-offset:4px;overflow-wrap:anywhere}article strong{font-weight:700}.callout{background:#e8d9ae;border:1px solid #c7a24c;border-right:5px solid var(--teal);padding:22px 25px;margin:30px 0;box-shadow:3px 4px 0 #202b460d;position:relative}.callout p:last-child{margin:0}.data-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;margin:25px 0;border:1px solid var(--line)}.data-table th{background:var(--ink);color:white;text-align:right;padding:14px}.data-table td{padding:14px;border-bottom:1px solid var(--line)}.data-table tr:nth-child(even){background:#f0f1e8}.table-scroll{overflow-x:auto}.cta-box{background:var(--teal);color:#fff;padding:30px;margin:45px 0 0;box-shadow:6px 6px 0 var(--ink);text-align:right}.cta-box h2{font-size:28px;color:#fff;margin:0 0 15px;padding:0}.cta-box h2:before{display:none}.cta-box p{color:#e0e7e2;font-size:14px}.cta-box a{display:inline-block;background:var(--gold);color:var(--ink);padding:12px 25px;font-size:14px;font-weight:700;text-decoration:none}.related{margin-top:45px}.related h2{font-size:22px}.related a{display:block;padding:15px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.related a:hover{color:var(--teal)}.footer{padding:35px 6%;background:#182036;color:#c4c9d4;font-size:12px;text-align:center}.footer a{color:#e3e6eb;text-underline-offset:3px}.footer .credit{margin-top:25px}.real-kamai-credit{display:inline-flex;align-items:center;gap:12px;color:#f4eee5;text-decoration:none;font-size:12px}.real-kamai-credit img{width:91px;height:26px;object-fit:contain}
@media(max-width:950px){.journal-index-hero{gap:35px}.journal-cover{height:320px;padding:23px}.journal-cover strong{font-size:28px}.journal-cover img{width:155px;height:240px;left:-15px}.article-wrap{grid-template-columns:200px minmax(0,1fr);gap:25px}article{padding:32px 28px}.hero h1{font-size:48px}.hero-pencil{display:none}.post-card h2{font-size:24px}}
@media(max-width:700px){.top{padding:15px 6%}.top-logo{gap:9px}.top-logo img{width:120px;height:38px}.top-logo span{font-size:10px}.top-cta{font-size:12px;padding:10px 15px}.journal-index-hero{grid-template-columns:1fr;padding:35px 7% 45px;gap:35px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-copy>p:last-child{font-size:14px}.journal-cover{height:270px;margin:0 10px 5px;padding:22px}.journal-cover strong{font-size:28px;max-width:235px}.journal-cover img{height:220px;width:145px}.cover-note{font-size:11px;margin-top:25px}.posts{grid-template-columns:1fr;gap:25px;padding:42px 7% 55px}.post-card,.post-card:first-child{grid-column:auto;padding:28px 24px}.post-card h2,.post-card:first-child h2{font-size:26px;max-width:100%}.post-number{font-size:45px;left:24px;top:22px}.post-label{font-size:10px;margin-bottom:25px}.post-card p{font-size:13px}.article-hero{padding:25px 7% 35px}.crumbs{font-size:10px;margin-bottom:25px}.article-hero h1{font-size:36px;line-height:1.13;letter-spacing:-1.2px;text-wrap:pretty}.article-hero .eyebrow{font-size:10px}.article-meta{font-size:10px;gap:7px 14px}.article-wrap{display:flex;flex-direction:column;gap:28px;margin:30px auto 45px;padding:0 6%}.reading-rail{position:static;width:100%}.reading-rail nav{border:1px solid #202b4635;padding:18px 22px;background:#e1dccd}.rail-title{font-size:16px;padding-bottom:10px;margin-bottom:8px}.reading-rail nav>a{font-size:12px;padding:7px 0}.reading-rail nav>a:last-child{border:0}.rail-practice{display:none}article{padding:29px 22px;font-size:15px;line-height:1.9;width:100%;box-shadow:4px 5px 0 #202b4610}article>p:first-child{font-size:17px;line-height:1.85}article h2{font-size:26px;margin-top:32px}article h3{font-size:20px}.callout{padding:18px;font-size:14px}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px}.cta-box{padding:24px;box-shadow:4px 4px 0 var(--ink)}.cta-box h2{font-size:25px}.footer{padding:28px 7%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.post-card:hover{transform:none}}
