/* ===== ASTROLEGENDA knowledge article system v81 ===== */
.article-guide-body{background:#fffdfa;color:#35261f}
.article-guide-page{position:relative;overflow:hidden;padding:0 0 96px;background:linear-gradient(180deg,#fffdf9 0,#fff 22%,#fffdfa 100%)}
.article-guide-page::before,.article-guide-page::after{content:"";position:absolute;z-index:0;width:430px;height:760px;pointer-events:none;background:url("../assets/natal/natal-chart-rail-left.webp") center/contain no-repeat;opacity:.13}
.article-guide-page::before{left:-300px;top:610px}
.article-guide-page::after{right:-320px;top:1960px;transform:scaleX(-1)}
.article-progress{position:fixed;z-index:80;top:0;left:0;right:0;height:3px;background:rgba(239,223,187,.45);pointer-events:none}
.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#bd7f0a,#e6bd59,#bd7f0a);box-shadow:0 1px 8px rgba(196,132,6,.22);transition:width .08s linear}
.article-breadcrumbs{position:relative;z-index:2;width:min(100% - 52px,1360px);margin:0 auto;padding:28px 0 20px;display:flex;align-items:center;gap:10px;color:#968b82;font-size:12px;font-weight:600}
.article-breadcrumbs a{text-decoration:none;color:#786e66;transition:color .2s ease}
.article-breadcrumbs a:hover{color:#a46e09}.article-breadcrumbs span[aria-hidden]{color:#c6b8a5}
.article-hero{position:relative;z-index:1;width:min(100% - 52px,1360px);min-height:520px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:34px;padding:15px;border:1px solid rgba(218,181,105,.46);border-radius:26px;background:linear-gradient(140deg,#fff 0%,#fffdf7 54%,#fff8e8 100%);box-shadow:0 24px 64px rgba(91,55,10,.09);overflow:hidden}
.article-hero::before{content:"";position:absolute;inset:auto 34% -210px auto;width:460px;height:460px;border:1px solid rgba(218,171,64,.12);border-radius:50%;box-shadow:0 0 0 44px rgba(218,171,64,.03),0 0 0 90px rgba(218,171,64,.025);pointer-events:none}
.article-hero__content{align-self:center;padding:42px 22px 42px 44px;position:relative;z-index:2}
.article-eyebrow,.article-section__eyebrow,.article-callout__kicker,.article-card-kicker{margin:0;color:#a56f08;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.115em;text-transform:uppercase}
.article-eyebrow{display:flex;align-items:center;gap:9px}.article-eyebrow span{font-size:9px;color:#d3a030}
.article-hero h1{max-width:720px;margin:18px 0 0;color:#302019;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,4.1vw,65px);line-height:1.035;font-weight:700;letter-spacing:-.045em}
.article-hero__lead{max-width:690px;margin:24px 0 0;color:#6f655e;font-size:16px;line-height:1.72;font-weight:500}
.article-meta{display:flex;flex-wrap:wrap;gap:11px 23px;margin-top:25px;color:#82776f;font-size:12px;font-weight:600}
.article-meta span{display:inline-flex;align-items:center;gap:7px}.article-meta svg{width:15px;height:15px;fill:#c28a17}
.article-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:30px}
.article-primary-button{min-height:54px;padding:0 25px;border-radius:11px;font-size:14px}
.article-secondary-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid #e7d7b8;border-radius:11px;background:#fff;color:#79570f;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.article-secondary-button:hover{transform:translateY(-2px);border-color:#d9b66a;box-shadow:0 12px 25px rgba(102,65,8,.07)}
.article-hero__media{position:relative;min-height:490px;border-radius:18px;overflow:hidden;background:#ead9b4}
.article-hero__media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 -90px 100px rgba(72,43,5,.06);pointer-events:none}
.article-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) brightness(1.025)}
.article-hero__caption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid rgba(255,255,255,.62);border-radius:12px;background:rgba(255,253,247,.88);backdrop-filter:blur(10px);color:#62491a;font-size:11.5px;font-weight:700;box-shadow:0 10px 30px rgba(62,38,5,.08)}
.article-hero__caption span{color:#c48b1b;font-size:17px}
.article-hero__star{position:absolute;z-index:3;color:#d5a335;pointer-events:none}.article-hero__star--one{left:49.2%;top:34px;font-size:10px}.article-hero__star--two{left:46.2%;bottom:38px;font-size:7px}
.article-quick-summary{position:relative;z-index:2;width:min(100% - 52px,1130px);margin:34px auto 0;display:grid;grid-template-columns:58px 1fr;gap:22px;padding:29px 32px;border:1px solid rgba(214,170,76,.46);border-radius:20px;background:linear-gradient(135deg,#fffdf7,#fff9e9);box-shadow:0 15px 38px rgba(87,54,10,.055)}
.article-callout__icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(203,143,23,.28);border-radius:16px;background:#fff;color:#c68d1b;font-family:Georgia,serif;font-size:23px;box-shadow:0 9px 24px rgba(116,74,8,.07)}
.article-quick-summary h2{margin:5px 0 0;color:#34231c;font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.025em}
.article-quick-summary>div>p:not(.article-callout__kicker){margin:13px 0 0;color:#625850;font-size:15px;line-height:1.72}
.article-quick-points{display:flex;flex-wrap:wrap;gap:9px 18px;margin:18px 0 0;padding:0;list-style:none}.article-quick-points li{position:relative;padding-left:16px;color:#665b53;font-size:12px;font-weight:700}.article-quick-points li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:#cf951f;box-shadow:0 0 0 4px rgba(207,149,31,.1)}
.article-layout{position:relative;z-index:2;width:min(100% - 52px,1130px);margin:54px auto 0;display:grid;grid-template-columns:250px minmax(0,780px);justify-content:space-between;gap:70px;align-items:start}
.article-toc{position:sticky;top:24px}.article-toc__mobile-trigger{display:none}
.article-toc__panel{padding:21px 18px 18px;border:1px solid #eadfcf;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(76,45,12,.055)}
.article-toc__title{margin:0 0 13px;padding:0 5px;color:#392820;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:400}
.article-toc nav{display:flex;flex-direction:column;gap:2px}.article-toc nav a{position:relative;padding:8px 9px 8px 17px;border-radius:8px;color:#82776f;text-decoration:none;font-size:11.5px;line-height:1.35;font-weight:600;transition:color .2s ease,background .2s ease}.article-toc nav a::before{content:"";position:absolute;left:6px;top:14px;width:4px;height:4px;border-radius:50%;background:#dac9aa}.article-toc nav a:hover{color:#9b6808;background:#fffaf0}.article-toc nav a.is-active{color:#8c5d06;background:#fff8e8;font-weight:700}.article-toc nav a.is-active::before{background:#c98e18;box-shadow:0 0 0 3px rgba(201,142,24,.12)}
.article-toc__reading{display:flex;gap:10px;margin-top:15px;padding:14px 12px;border-top:1px solid #eee3d5;color:#bd8617}.article-toc__reading>span:first-child{font-size:10px}.article-toc__reading>span:last-child{display:flex;flex-direction:column}.article-toc__reading strong{color:#5e5148;font-size:10.5px}.article-toc__reading small{margin-top:4px;color:#948981;font-size:9.5px;line-height:1.45}
.article-content{min-width:0}.article-section{scroll-margin-top:28px;padding:0 0 66px}.article-section+.article-section{padding-top:66px;border-top:1px solid #eee5da}
.article-section h2{max-width:750px;margin:10px 0 24px;color:#33221b;font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,3vw,42px);line-height:1.14;font-weight:400;letter-spacing:-.035em}.article-section h3{margin:29px 0 13px;color:#3b2a22;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.23;font-weight:400;letter-spacing:-.02em}
.article-section>p,.article-section>div+p,.article-section>ol+p{margin:0 0 20px;color:#5f554e;font-size:16.5px;line-height:1.78;font-weight:500}.article-section>p:last-child{margin-bottom:0}.article-lead-paragraph{color:#40332c!important;font-size:18px!important;line-height:1.72!important}.article-lead-paragraph::first-letter{float:left;margin:8px 7px 0 0;color:#bd8210;font-family:Georgia,serif;font-size:54px;line-height:.72}
.article-step-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}.article-step-heading>span{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(197,137,19,.26);border-radius:15px;background:linear-gradient(145deg,#fffdf7,#fff4d9);color:#aa7208;font-family:Georgia,serif;font-size:18px;box-shadow:0 9px 24px rgba(113,72,7,.06)}.article-step-heading p{margin:3px 0 4px;color:#aa750d;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.article-step-heading h2{margin:0}
.article-card-kicker{font-size:9.5px}.article-data-check{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;margin:30px 0;padding:25px;border:1px solid rgba(219,180,102,.42);border-radius:18px;background:#fffaf0}.article-data-check h3{margin:9px 0 0;font-size:25px}.article-data-check ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.article-data-check li{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px solid #eee1cd;border-radius:10px;background:#fff;color:#62574f;font-size:11.5px;line-height:1.35;font-weight:600}.article-data-check li:last-child{grid-column:1/-1}.article-data-check li span{width:27px;height:27px;flex:0 0 27px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff5dc;color:#b67905;font-size:9px;font-weight:700}
.article-note{display:grid;grid-template-columns:43px 1fr;gap:15px;margin:27px 0;padding:19px 21px;border:1px solid #e6dbc9;border-left:3px solid #c79325;border-radius:13px;background:#fffdf8}.article-note__icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff3d5;color:#a96e03;font-family:Georgia,serif;font-size:17px;font-weight:700}.article-note strong{display:block;color:#48382f;font-size:13.5px}.article-note p{margin:6px 0 0;color:#6e635b;font-size:13px;line-height:1.65}.article-note--practice{border-left-color:#91a677;background:#fbfdf7}.article-note--practice .article-note__icon{background:#eff5e6;color:#647c48}.article-note--remember{border-left-color:#9caab1;background:#fafcfd}.article-note--remember .article-note__icon{background:#edf2f4;color:#697d86}.article-note--example{border-left-color:#9a9abd;background:#fbfbff}.article-note--example .article-note__icon{background:#efeff8;color:#6c6c91}
.article-inline-action{display:inline-flex;align-items:center;gap:10px;margin-top:3px;color:#a16c07;text-decoration:none;font-size:13px;font-weight:700}.article-inline-action span{transition:transform .2s ease}.article-inline-action:hover span{transform:translateX(4px)}
.article-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:29px 0}.article-triad article{position:relative;min-height:290px;padding:22px 19px 19px;border:1px solid #eadfce;border-radius:16px;background:#fff;box-shadow:0 11px 26px rgba(78,47,9,.045);overflow:hidden}.article-triad article::after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border:1px solid rgba(211,157,43,.12);border-radius:50%;box-shadow:0 0 0 20px rgba(211,157,43,.025)}.article-planet-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:14px;background:#fff5dc;color:#b87b08;font-family:Georgia,serif;font-size:27px}.article-planet-symbol--asc{font-size:12px;font-weight:700;letter-spacing:.05em}.article-triad h3{margin:8px 0 10px;font-size:20px}.article-triad p:not(.article-card-kicker){margin:0;color:#6d625a;font-size:12px;line-height:1.62}.article-triad small{display:block;margin-top:15px;padding-top:13px;border-top:1px solid #eee4d7;color:#8c8178;font-size:10.5px;line-height:1.5;font-weight:600}
.article-formula{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0;padding:16px 19px;border:1px solid rgba(207,154,48,.36);border-radius:13px;background:linear-gradient(90deg,#fffaf0,#fffdf8,#fffaf0);color:#76591c;font-size:12px;font-weight:700}.article-formula i{color:#cf9a30;font-size:8px}
.article-personal-planets{display:grid;gap:11px;margin:28px 0}.article-personal-planets article{display:grid;grid-template-columns:58px 1fr;gap:17px;align-items:center;padding:17px 19px;border:1px solid #eae0d2;border-radius:14px;background:#fff}.article-personal-planets article>span{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(145deg,#fff8e7,#fff1cf);color:#af7405;font-family:Georgia,serif;font-size:29px}.article-personal-planets p{margin:0;color:#a16c06;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-personal-planets h3{margin:3px 0 4px;font-size:20px}.article-personal-planets small{color:#786d65;font-size:11.5px;line-height:1.5}
.article-core-formula{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center;gap:8px;margin:28px 0;padding:20px;border:1px solid #e8dcc8;border-radius:18px;background:#fffaf1}.article-core-formula>div{min-height:118px;display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid #eee1cc;border-radius:13px;background:#fff;text-align:center}.article-core-formula>div span{color:#a36d07;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.article-core-formula>div strong{margin-top:7px;color:#45352d;font-family:Georgia,serif;font-size:18px;font-weight:400}.article-core-formula>div small{margin-top:5px;color:#92867d;font-size:9.5px;line-height:1.4}.article-core-formula>i{color:#c68e1c;font-family:Georgia,serif;font-style:normal;text-align:center}.article-core-formula--four{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)}
.article-axes{position:relative;width:min(100%,520px);aspect-ratio:1.65/1;margin:31px auto 34px;border:1px solid rgba(211,158,49,.35);border-radius:22px;background:radial-gradient(circle at center,#fff 0 16%,#fff8e7 17% 18%,transparent 19%),linear-gradient(135deg,#fffdf9,#fff7e8);box-shadow:0 14px 36px rgba(86,51,7,.055);overflow:hidden}.article-axes::before,.article-axes::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(208,153,42,.15);border-radius:50%;transform:translate(-50%,-50%)}.article-axes::before{width:76%;height:124%}.article-axes::after{width:46%;height:76%}.article-axis{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}.article-axis span{display:flex;flex-direction:column;align-items:center;width:124px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.88)}.article-axis b{color:#a66f08;font-family:Georgia,serif;font-size:19px}.article-axis small{margin-top:3px;color:#7a7068;font-size:8.5px;line-height:1.35;text-align:center}.article-axis i{display:block;background:rgba(187,125,7,.45)}.article-axis--horizontal{left:17px;right:17px;top:50%;transform:translateY(-50%)}.article-axis--horizontal i{height:1px;flex:1}.article-axis--vertical{top:10px;bottom:10px;left:50%;flex-direction:column;transform:translateX(-50%)}.article-axis--vertical i{width:1px;flex:1}.article-axes__center{position:absolute;z-index:3;left:50%;top:50%;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(199,139,21,.28);border-radius:50%;background:#fff;color:#c28a19;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(91,55,8,.07);text-align:center}.article-axes__center span{font-size:15px;line-height:1.1}.article-axes__center small{margin-top:2px;color:#8e7d6c;font-size:8px;font-weight:700;line-height:1.25}
.article-aspects-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.article-aspects-grid article{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:15px 17px;border:1px solid #ebe0d2;border-radius:13px;background:#fff}.article-aspects-grid article:last-child{grid-column:1/-1}.article-aspects-grid article>span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#fff4da;color:#b87c08;font-family:Georgia,serif;font-size:25px}.article-aspects-grid h3{margin:0;font-size:18px}.article-aspects-grid p{margin:4px 0 0;color:#7c7169;font-size:10.5px;line-height:1.45}.article-example-line{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin:28px 0;padding:21px;border:1px solid #e7dbc9;border-radius:15px;background:#fffaf1}.article-example-line>span{display:flex;align-items:center;justify-content:center;min-height:74px;border-right:1px solid #eadcc5;color:#b47a0a;font-family:Georgia,serif;font-size:24px}.article-example-line p{margin:0;color:#675b53;font-size:12.5px;line-height:1.65}
.article-patterns{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:28px 0}.article-patterns article{padding:18px;border:1px solid #e9decf;border-radius:14px;background:#fff}.article-patterns span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff5df;color:#b57a09;font-family:Georgia,serif;font-size:19px}.article-patterns h3{margin:12px 0 6px;font-size:18px}.article-patterns p{margin:0;color:#786e66;font-size:11px;line-height:1.5}
.article-synthesis-steps{display:grid;gap:9px;margin:28px 0;padding:0;list-style:none}.article-synthesis-steps li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:13px 15px;border:1px solid #eae0d2;border-radius:12px;background:#fff}.article-synthesis-steps li>span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff3d5;color:#aa7107;font-family:Georgia,serif}.article-synthesis-steps strong{color:#4c3b32;font-size:12.5px}.article-synthesis-steps p{margin:3px 0 0;color:#82776f;font-size:10.5px;line-height:1.45}.article-interpretation-template{margin:29px 0;padding:24px 26px;border:1px solid rgba(206,150,37,.4);border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fffdf8)}.article-interpretation-template blockquote{margin:12px 0 0;color:#5c4b3c;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.58}.article-interpretation-template strong{color:#9d6808;font-weight:400}
.article-example-section{position:relative}.article-example-profile{display:grid;grid-template-columns:.8fr 1.2fr;margin:29px 0 24px;border:1px solid #e5d8c3;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 13px 34px rgba(81,48,8,.05)}.article-example-profile__visual{min-height:330px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff9e9,#f5e6c3);overflow:hidden}.article-mini-chart{position:relative;width:225px;height:225px;border:2px solid rgba(177,116,5,.48);border-radius:50%;box-shadow:0 0 0 13px rgba(255,255,255,.55),0 0 0 14px rgba(177,116,5,.18),inset 0 0 0 30px rgba(255,255,255,.42)}.article-mini-chart::before,.article-mini-chart::after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:rgba(172,111,4,.26);transform:rotate(32deg)}.article-mini-chart::after{transform:rotate(-48deg)}.article-mini-chart span{position:absolute;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#ad7205;font-family:Georgia,serif;box-shadow:0 5px 15px rgba(82,49,5,.09)}.article-mini-chart span:nth-child(1){left:13px;top:42px}.article-mini-chart span:nth-child(2){right:15px;top:34px}.article-mini-chart span:nth-child(3){left:38px;bottom:15px}.article-mini-chart span:nth-child(4){right:34px;bottom:17px}.article-mini-chart i{position:absolute;left:50%;top:50%;color:#c18b1c;font-style:normal;transform:translate(-50%,-50%)}.article-example-profile__data{padding:28px}.article-example-profile__data h3{margin:8px 0 17px;font-size:27px}.article-example-profile__data ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.article-example-profile__data li{display:grid;grid-template-columns:33px 84px 1fr;align-items:center;min-height:34px;color:#6d625a;font-size:11.5px}.article-example-profile__data li span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff5dc;color:#a97007;font-family:Georgia,serif;font-size:12px}.article-example-profile__data li b{color:#4d3d34;font-size:11px}.article-example-walkthrough{display:grid;gap:10px}.article-example-walkthrough article{display:grid;grid-template-columns:37px 1fr;gap:14px;padding:17px 18px;border:1px solid #e9dfd1;border-radius:13px;background:#fff}.article-example-walkthrough article>span{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff3d6;color:#aa7108;font-family:Georgia,serif}.article-example-walkthrough h3{margin:0;font-size:18px}.article-example-walkthrough p{margin:5px 0 0;color:#72675f;font-size:11.5px;line-height:1.58}.article-example-conclusion{margin-top:20px;padding:24px 26px;border:1px solid rgba(206,151,40,.42);border-radius:16px;background:#fff9eb}.article-example-conclusion>p:last-child{margin:11px 0 0;color:#5e5249;font-size:14px;line-height:1.72}
.article-accordion{display:grid;gap:9px;margin-top:25px}.article-accordion__item{border:1px solid #e8ddce;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.article-accordion__item:has(button[aria-expanded="true"]){border-color:rgba(201,143,28,.44);box-shadow:0 10px 28px rgba(86,52,8,.045)}.article-accordion h3{margin:0}.article-accordion button{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:0;background:transparent;color:#4b3b32;text-align:left;cursor:pointer;font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:12.5px;font-weight:700}.article-accordion button span{display:flex;align-items:center;gap:13px}.article-accordion button b{width:28px;color:#b57c0c;font-family:Georgia,serif;font-size:11px}.article-accordion button svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#b27a0c;stroke-width:1.8;transition:transform .24s ease}.article-accordion button[aria-expanded="true"] svg{transform:rotate(180deg)}.article-accordion__content{padding:0 18px 18px 59px}.article-accordion__content p{margin:0;color:#756a62;font-size:12.5px;line-height:1.68}.article-faq button{font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:400}.article-faq .article-accordion__content{padding-left:18px}
.article-checklist-section{padding:32px!important;border:1px solid rgba(211,166,73,.42)!important;border-radius:20px;background:linear-gradient(145deg,#fffdf8,#fff8e9);box-shadow:0 15px 38px rgba(85,52,8,.05)}.article-checklist-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.article-checklist-heading h2{margin-bottom:0}.article-save-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #dcc187;border-radius:10px;background:#fff;color:#8b5d08;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap}.article-save-button svg{width:15px;height:15px;fill:#b77c0a}.article-save-button:hover{border-color:#c99a3b;background:#fffdf8}.article-copy-status{min-height:18px;margin:8px 0 0!important;color:#73825e!important;font-size:10.5px!important}.article-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 0;padding:0;list-style:none}.article-checklist li{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;min-height:58px;padding:11px 13px;border:1px solid #ecdfca;border-radius:11px;background:#fff}.article-checklist li span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff3d7;color:#ad7407;font-family:Georgia,serif;font-size:11px}.article-checklist li p{margin:0;color:#62564d;font-size:10.8px;line-height:1.45;font-weight:600}
.article-main-cta{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 0 68px;padding:28px 30px;border:1px solid rgba(212,161,58,.5);border-radius:20px;background:linear-gradient(135deg,#fff3d6,#fffaf0 52%,#fff);box-shadow:0 16px 38px rgba(92,57,9,.06);overflow:hidden}.article-main-cta::after{content:"✦";position:absolute;right:30%;top:16px;color:rgba(194,135,18,.18);font-size:13px}.article-main-cta__symbol{position:relative;width:90px;height:90px;border:1px solid rgba(183,121,5,.3);border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(89,54,8,.07)}.article-main-cta__symbol span{position:absolute;color:#b77d0c;font-family:Georgia,serif;font-size:22px}.article-main-cta__symbol span:first-child{left:17px;top:18px}.article-main-cta__symbol span:nth-child(2){right:16px;bottom:18px}.article-main-cta__symbol i{position:absolute;left:50%;top:50%;color:#d0a044;font-style:normal;font-size:9px;transform:translate(-50%,-50%)}.article-main-cta>div:nth-child(2)>p{margin:0;color:#a26c08;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-main-cta h2{margin:5px 0 6px;color:#38271f;font-family:Georgia,serif;font-size:29px;line-height:1.15;font-weight:400}.article-main-cta>div:nth-child(2)>span{display:block;max-width:500px;color:#746960;font-size:11.5px;line-height:1.55}.article-main-cta>a{min-height:48px;padding:0 19px;border-radius:10px;font-size:11.5px;white-space:nowrap}
.article-related{padding-top:64px;border-top:1px solid #eee5da}.article-related__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.article-related__heading p{margin:0;color:#a56e07;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-related__heading h2{margin:7px 0 0;color:#34231c;font-family:Georgia,serif;font-size:36px;font-weight:400}.article-related__heading>a{color:#9d6907;text-decoration:none;font-size:11.5px;font-weight:700}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.article-related__grid>article{display:flex;flex-direction:column;border:1px solid #e7dccd;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(76,45,8,.04);transition:transform .2s ease,box-shadow .2s ease}.article-related__grid>article:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(76,45,8,.07)}.article-related__media{display:block;aspect-ratio:1.7/1;overflow:hidden}.article-related__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-related__grid>article:hover img{transform:scale(1.035)}.article-related__grid>article>div{flex:1;display:flex;flex-direction:column;padding:16px}.article-related__grid p{margin:0;color:#a5700a;font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.article-related__grid h3{margin:8px 0 0;font-family:Georgia,serif;font-size:18px;line-height:1.2;font-weight:400}.article-related__grid h3 a{text-decoration:none}.article-related__grid>article>div>span{margin-top:10px;color:#7c7169;font-size:10.5px;line-height:1.5}.article-related__grid>article>div>a{margin-top:auto;padding-top:14px;color:#a16c07;text-decoration:none;font-size:10.5px;font-weight:700}.article-back-link{display:inline-flex;align-items:center;gap:9px;margin-top:27px;color:#8d650f;text-decoration:none;font-size:12px;font-weight:700}
.article-guide-page a:focus-visible,.article-guide-page button:focus-visible{outline:3px solid rgba(205,147,26,.22);outline-offset:3px}
@media (max-width:1120px){.article-breadcrumbs,.article-hero{width:min(100% - 36px,980px)}.article-hero{grid-template-columns:1fr .85fr;min-height:480px}.article-hero__content{padding:34px 10px 34px 28px}.article-hero h1{font-size:46px}.article-hero__media{min-height:445px}.article-quick-summary,.article-layout{width:min(100% - 36px,930px)}.article-layout{grid-template-columns:220px minmax(0,660px);gap:46px}.article-section>p,.article-section>div+p,.article-section>ol+p{font-size:15.8px}.article-main-cta{grid-template-columns:84px 1fr}.article-main-cta>a{grid-column:2/3;justify-self:start}.article-main-cta__symbol{width:80px;height:80px}}
@media (max-width:850px){.article-guide-page{padding-bottom:72px}.article-breadcrumbs{padding-top:22px}.article-hero{grid-template-columns:1fr;gap:0;padding:11px}.article-hero__content{padding:32px 26px 28px}.article-hero h1{font-size:clamp(39px,7vw,52px)}.article-hero__media{min-height:0;aspect-ratio:1.7/1}.article-hero__star{display:none}.article-quick-summary{grid-template-columns:48px 1fr;padding:24px}.article-callout__icon{width:48px;height:48px;border-radius:13px}.article-layout{display:block;margin-top:35px}.article-toc{position:relative;top:auto;margin-bottom:34px}.article-toc__mobile-trigger{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;border:1px solid #e5d8c6;border-radius:14px;background:#fff;color:#54453b;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(74,44,8,.045)}.article-toc__mobile-trigger span{display:flex;flex-direction:column}.article-toc__mobile-trigger small{color:#a16b06;font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-toc__mobile-trigger strong{margin-top:4px;font-size:12.5px}.article-toc__mobile-trigger svg{width:20px;height:20px;fill:none;stroke:#ad770d;stroke-width:1.8;transition:transform .2s ease}.article-toc__mobile-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.article-toc__panel{display:none;margin-top:8px}.article-toc__panel.is-open{display:block}.article-toc__reading{display:none}.article-section{scroll-margin-top:18px}.article-triad{grid-template-columns:1fr}.article-triad article{min-height:0}.article-data-check{grid-template-columns:1fr}.article-core-formula{grid-template-columns:1fr}.article-core-formula--four{grid-template-columns:1fr}.article-core-formula>i{transform:rotate(90deg)}.article-related__grid{grid-template-columns:1fr 1fr}.article-related__grid>article:last-child{grid-column:1/-1}.article-main-cta{grid-template-columns:74px 1fr}.article-main-cta__symbol{width:70px;height:70px}.article-checklist{grid-template-columns:1fr}}
@media (max-width:560px){.article-guide-page{padding-bottom:56px}.article-guide-page::before,.article-guide-page::after{display:none}.article-breadcrumbs,.article-hero,.article-quick-summary,.article-layout{width:min(100% - 20px,430px)}.article-breadcrumbs{padding:17px 2px 13px;gap:7px;font-size:9.5px}.article-breadcrumbs a:first-child,.article-breadcrumbs span:first-of-type{display:none}.article-hero{border-radius:17px;padding:8px}.article-hero__content{padding:25px 12px 22px}.article-eyebrow{font-size:9px}.article-hero h1{margin-top:13px;font-size:36px;line-height:1.05}.article-hero__lead{margin-top:18px;font-size:14px;line-height:1.68}.article-meta{gap:9px 14px;margin-top:20px;font-size:9.8px}.article-meta svg{width:13px;height:13px}.article-hero__actions{align-items:stretch;flex-direction:column;margin-top:24px}.article-primary-button,.article-secondary-button{width:100%;min-height:50px;font-size:12px}.article-hero__media{aspect-ratio:1.42/1;border-radius:12px}.article-hero__caption{left:10px;right:10px;bottom:10px;padding:9px 11px;font-size:9px}.article-quick-summary{grid-template-columns:1fr;margin-top:20px;padding:21px 19px;border-radius:16px}.article-callout__icon{width:43px;height:43px}.article-quick-summary h2{font-size:28px}.article-quick-summary>div>p:not(.article-callout__kicker){font-size:13.5px;line-height:1.68}.article-quick-points{display:grid;gap:9px}.article-layout{margin-top:23px}.article-toc{margin-bottom:30px}.article-section{padding-bottom:48px}.article-section+.article-section{padding-top:48px}.article-section h2{font-size:31px}.article-section h3{font-size:21px}.article-section>p,.article-section>div+p,.article-section>ol+p{font-size:15.5px;line-height:1.76}.article-lead-paragraph{font-size:16.5px!important}.article-step-heading{gap:13px}.article-step-heading>span{width:47px;height:47px;flex-basis:47px;border-radius:13px;font-size:15px}.article-step-heading h2{font-size:28px}.article-data-check{gap:18px;margin:24px 0;padding:18px}.article-data-check ul{grid-template-columns:1fr}.article-data-check li:last-child{grid-column:auto}.article-note{grid-template-columns:37px 1fr;padding:16px 15px}.article-note__icon{width:37px;height:37px}.article-note strong{font-size:12.5px}.article-note p{font-size:12px}.article-formula{align-items:flex-start;flex-direction:column;gap:8px}.article-formula i{display:none}.article-triad article{padding:19px}.article-personal-planets article{grid-template-columns:48px 1fr;padding:14px}.article-personal-planets article>span{width:48px;height:48px;font-size:24px}.article-core-formula{padding:14px}.article-axes{aspect-ratio:1.12/1}.article-axis span{width:92px}.article-axis small{font-size:7px}.article-axes__center{width:65px;height:65px}.article-aspects-grid,.article-patterns{grid-template-columns:1fr}.article-aspects-grid article:last-child{grid-column:auto}.article-example-line{grid-template-columns:1fr}.article-example-line>span{min-height:auto;padding-bottom:15px;border-right:0;border-bottom:1px solid #eadcc5}.article-interpretation-template{padding:20px}.article-interpretation-template blockquote{font-size:17px}.article-example-profile{grid-template-columns:1fr}.article-example-profile__visual{min-height:270px}.article-example-profile__data{padding:22px 19px}.article-example-profile__data li{grid-template-columns:31px 72px 1fr;font-size:10.5px}.article-accordion button{padding:14px;font-size:11.5px}.article-accordion button b{width:24px}.article-accordion__content{padding:0 14px 15px}.article-accordion[data-accordion="mistakes"] .article-accordion__content{padding-left:51px}.article-faq button{font-size:15.5px}.article-checklist-section{padding:22px 17px!important;border-radius:16px}.article-checklist-heading{flex-direction:column}.article-save-button{width:100%;justify-content:center}.article-checklist li{grid-template-columns:34px 1fr}.article-main-cta{grid-template-columns:1fr;margin-bottom:50px;padding:24px 20px;text-align:center}.article-main-cta__symbol{margin:0 auto}.article-main-cta h2{font-size:27px}.article-main-cta>a{grid-column:auto;width:100%;justify-self:stretch}.article-related{padding-top:48px}.article-related__heading{align-items:flex-start;flex-direction:column}.article-related__heading h2{font-size:32px}.article-related__grid{grid-template-columns:1fr}.article-related__grid>article:last-child{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.article-progress span,.article-secondary-button,.article-inline-action span,.article-toc a,.article-accordion button svg,.article-related__grid>article,.article-related__media img{transition:none!important}}
@media print{.site-header,.site-footer,.article-progress,.article-breadcrumbs,.article-hero__actions,.article-toc,.article-main-cta,.article-related,.article-save-button{display:none!important}.article-guide-page{padding:0;background:#fff}.article-hero,.article-quick-summary,.article-layout{width:100%;box-shadow:none}.article-hero{grid-template-columns:1fr;min-height:0}.article-hero__media{display:none}.article-layout{display:block}.article-section{break-inside:avoid}.article-accordion__content[hidden]{display:block}.article-checklist-section{box-shadow:none}}


/* =========================================================
   v82 — wide reading shell and high-readability typography
   Matches the 1420px result shell used by Transit analysis.
   ========================================================= */
.article-breadcrumbs,
.article-hero,
.article-quick-summary,
.article-layout{
  width:min(1420px,calc(100% - 48px));
}
.article-layout{
  grid-template-columns:270px minmax(0,1fr);
  gap:48px;
}
.article-content{max-width:none}
.article-section h2{max-width:1040px}

/* Core reading scale */
.article-breadcrumbs{font-size:13px;line-height:1.5}
.article-eyebrow,
.article-section__eyebrow,
.article-callout__kicker,
.article-card-kicker{font-size:12px;line-height:1.35}
.article-eyebrow span{font-size:11px}
.article-hero__lead{max-width:760px;font-size:18px;line-height:1.76}
.article-meta{font-size:14px;line-height:1.5}
.article-primary-button,.article-secondary-button{font-size:14px}
.article-hero__caption{font-size:14px;line-height:1.45}
.article-quick-summary h2{font-size:36px}
.article-quick-summary>div>p:not(.article-callout__kicker){font-size:17px;line-height:1.78}
.article-quick-points li{font-size:14px;line-height:1.55}

/* Contents panel */
.article-toc__title{font-size:21px}
.article-toc nav{gap:4px}
.article-toc nav a{padding:10px 10px 10px 19px;font-size:13.5px;line-height:1.5}
.article-toc nav a::before{top:17px;width:5px;height:5px}
.article-toc__reading strong{font-size:13px}
.article-toc__reading small{font-size:12px;line-height:1.55}

/* Long-form article */
.article-section{padding-bottom:82px}
.article-section+.article-section{padding-top:82px}
.article-section h2{font-size:clamp(36px,3vw,48px);line-height:1.16}
.article-section h3{font-size:27px;line-height:1.3}
.article-section>p,
.article-section>div+p,
.article-section>ol+p{margin-bottom:24px;font-size:18.5px;line-height:1.82;font-weight:500}
.article-lead-paragraph{font-size:20px!important;line-height:1.78!important}
.article-step-heading{margin-bottom:30px}
.article-step-heading p{font-size:12px;line-height:1.4}
.article-step-heading>span{width:60px;height:60px;flex-basis:60px;font-size:20px}

/* Practical cards and explanatory inserts */
.article-card-kicker{font-size:11.5px}
.article-data-check{gap:34px;padding:30px}
.article-data-check h3{font-size:29px}
.article-data-check li{min-height:58px;padding:12px 14px;font-size:14.5px;line-height:1.5}
.article-data-check li span{width:31px;height:31px;flex-basis:31px;font-size:11px}
.article-note{grid-template-columns:48px 1fr;gap:18px;padding:23px 25px}
.article-note__icon{width:48px;height:48px;font-size:19px}
.article-note strong{font-size:16px;line-height:1.4}
.article-note p{font-size:15.5px;line-height:1.72}
.article-inline-action{font-size:15px;line-height:1.5}
.article-triad{gap:18px}
.article-triad article{min-height:330px;padding:27px 24px 23px}
.article-triad h3{font-size:23px;line-height:1.3}
.article-triad p:not(.article-card-kicker){font-size:15.5px;line-height:1.72}
.article-triad small{font-size:13.5px;line-height:1.6}
.article-formula{padding:20px 24px;font-size:15px;line-height:1.55}
.article-formula i{font-size:10px}
.article-personal-planets{gap:14px}
.article-personal-planets article{grid-template-columns:66px 1fr;gap:21px;padding:21px 23px}
.article-personal-planets article>span{width:66px;height:66px;font-size:32px}
.article-personal-planets p{font-size:11.5px;line-height:1.4}
.article-personal-planets h3{font-size:23px}
.article-personal-planets small{font-size:15px;line-height:1.65}
.article-core-formula{gap:12px;padding:25px}
.article-core-formula>div{min-height:142px;padding:21px}
.article-core-formula>div span{font-size:12px;line-height:1.4}
.article-core-formula>div strong{font-size:22px}
.article-core-formula>div small{font-size:13.5px;line-height:1.55}
.article-axis small{font-size:11px;line-height:1.35}
.article-axes__center small{font-size:10.5px}
.article-aspects-grid{gap:14px}
.article-aspects-grid article{grid-template-columns:56px 1fr;gap:17px;padding:19px 21px}
.article-aspects-grid article>span{width:56px;height:56px;font-size:28px}
.article-aspects-grid h3{font-size:22px}
.article-aspects-grid p{font-size:14.5px;line-height:1.6}
.article-example-line{grid-template-columns:132px 1fr;gap:24px;padding:25px}
.article-example-line p{font-size:15.5px;line-height:1.75}
.article-patterns{gap:15px}
.article-patterns article{padding:23px}
.article-patterns h3{font-size:22px}
.article-patterns p{font-size:15px;line-height:1.7}
.article-synthesis-steps{gap:12px}
.article-synthesis-steps li{grid-template-columns:44px 1fr;gap:17px;padding:17px 19px}
.article-synthesis-steps li>span{width:44px;height:44px}
.article-synthesis-steps strong{font-size:15.5px;line-height:1.45}
.article-synthesis-steps p{font-size:14.5px;line-height:1.65}
.article-interpretation-template{padding:29px 31px}
.article-interpretation-template blockquote{font-size:22px;line-height:1.65}
.article-example-profile__data{padding:34px}
.article-example-profile__data h3{font-size:31px}
.article-example-profile__data li{grid-template-columns:38px 100px 1fr;min-height:42px;font-size:14px;line-height:1.5}
.article-example-profile__data li span{width:33px;height:33px;font-size:14px}
.article-example-profile__data li b{font-size:14px}
.article-example-walkthrough{gap:13px}
.article-example-walkthrough article{grid-template-columns:43px 1fr;gap:17px;padding:21px 22px}
.article-example-walkthrough article>span{width:43px;height:43px}
.article-example-walkthrough h3{font-size:21px}
.article-example-walkthrough p{font-size:15px;line-height:1.7}
.article-example-conclusion>p:last-child{font-size:16px;line-height:1.78}

/* Accordions, checklist and footer recommendations */
.article-accordion{gap:12px}
.article-accordion button{min-height:70px;padding:18px 21px;font-size:15.5px;line-height:1.5}
.article-accordion button b{width:32px;font-size:13px}
.article-accordion__content{padding:0 21px 22px 66px}
.article-accordion__content p{font-size:15.5px;line-height:1.76}
.article-faq button{font-size:20px;line-height:1.4}
.article-faq .article-accordion__content{padding-left:21px}
.article-checklist-section{padding:38px!important}
.article-save-button{min-height:46px;padding:0 17px;font-size:13px}
.article-copy-status{font-size:13px!important}
.article-checklist{gap:12px}
.article-checklist li{grid-template-columns:42px 1fr;gap:14px;min-height:72px;padding:15px 17px}
.article-checklist li span{width:42px;height:42px;font-size:13px}
.article-checklist li p{font-size:15px;line-height:1.6}
.article-main-cta{margin:72px 0 84px;padding:34px 36px}
.article-main-cta>div:nth-child(2)>p{font-size:11.5px}
.article-main-cta h2{font-size:34px}
.article-main-cta>div:nth-child(2)>span{max-width:680px;font-size:15px;line-height:1.7}
.article-main-cta>a{min-height:52px;padding:0 22px;font-size:14px}
.article-related__heading p{font-size:11.5px}
.article-related__heading>a{font-size:14px}
.article-related__grid{gap:18px}
.article-related__grid>article>div{padding:21px}
.article-related__grid p{font-size:10.5px}
.article-related__grid h3{font-size:22px;line-height:1.3}
.article-related__grid>article>div>span{font-size:14px;line-height:1.65}
.article-related__grid>article>div>a{font-size:13.5px}
.article-back-link{font-size:14px}

@media (max-width:1200px){
  .article-breadcrumbs,.article-hero,.article-quick-summary,.article-layout{width:min(1100px,calc(100% - 36px))}
  .article-layout{grid-template-columns:235px minmax(0,1fr);gap:38px}
  .article-section>p,.article-section>div+p,.article-section>ol+p{font-size:18px}
}
@media (max-width:900px){
  .article-breadcrumbs,.article-hero,.article-quick-summary,.article-layout{width:min(860px,calc(100% - 28px))}
  .article-layout{display:block}
  .article-toc__mobile-trigger small{font-size:11px}
  .article-toc__mobile-trigger strong{font-size:15px}
  .article-toc nav a{font-size:14.5px}
  .article-main-cta{margin-top:62px}
}
@media (max-width:560px){
  .article-breadcrumbs,.article-hero,.article-quick-summary,.article-layout{width:min(100% - 24px,520px)}
  .article-breadcrumbs{font-size:11.5px}
  .article-eyebrow,.article-section__eyebrow,.article-callout__kicker,.article-card-kicker{font-size:10.5px}
  .article-hero__lead{font-size:16.5px;line-height:1.75}
  .article-meta{font-size:12px}
  .article-primary-button,.article-secondary-button{font-size:13.5px}
  .article-hero__caption{font-size:12px}
  .article-quick-summary>div>p:not(.article-callout__kicker){font-size:16px;line-height:1.75}
  .article-quick-points li{font-size:13.5px}
  .article-section{padding-bottom:58px}
  .article-section+.article-section{padding-top:58px}
  .article-section h2{font-size:32px}
  .article-section h3{font-size:23px}
  .article-section>p,.article-section>div+p,.article-section>ol+p{font-size:17px;line-height:1.8}
  .article-lead-paragraph{font-size:18px!important;line-height:1.78!important}
  .article-step-heading p{font-size:10.5px}
  .article-data-check li{font-size:14px}
  .article-note strong{font-size:15px}
  .article-note p{font-size:14.5px}
  .article-triad p:not(.article-card-kicker){font-size:15px}
  .article-triad small{font-size:13px}
  .article-formula{font-size:14px}
  .article-personal-planets small{font-size:14.5px}
  .article-core-formula>div small{font-size:13px}
  .article-axis small{font-size:9.5px}
  .article-aspects-grid p,.article-patterns p,.article-synthesis-steps p,.article-example-walkthrough p{font-size:14.5px}
  .article-example-line p{font-size:15px}
  .article-example-profile__data li{font-size:13.5px}
  .article-accordion button{font-size:15px}
  .article-accordion__content p{font-size:15px}
  .article-faq button{font-size:18px}
  .article-checklist-section{padding:26px 20px!important}
  .article-checklist li p{font-size:14.5px}
  .article-main-cta{margin:56px 0 64px;padding:28px 22px}
  .article-main-cta>div:nth-child(2)>span{font-size:14.5px}
  .article-main-cta>a{font-size:13.5px}
  .article-related__grid>article>div>span{font-size:14px}
}

/* Text rendering and print safeguards */
.article-guide-body{
  font-family:Manrope,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
@media print{
  .site-header,.site-footer,.article-progress,.article-breadcrumbs,.article-hero__actions,.article-toc,.article-main-cta,.article-related,.article-save-button{display:none!important}
  .article-guide-page{padding:0;background:#fff}
  .article-hero,.article-quick-summary,.article-layout{width:100%;box-shadow:none}
  .article-hero{grid-template-columns:1fr;min-height:0}
  .article-hero__media{display:none}
  .article-layout{display:block}
  .article-section{break-inside:avoid}
  .article-accordion__content[hidden]{display:block}
  .article-checklist-section{box-shadow:none}
}

/* =========================================================
   v85 — restored opening rail + one consistent wide flow.
   Only the introduction shares the first row with contents.
   Step 1 and every following block use one full 1420px shell.
   ========================================================= */
:root{
  --article-shell-width:1420px;
  --article-flow-inner:1320px;
  --article-section-space:56px;
}

@media (min-width:901px){
  .article-layout{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:0 48px;
    width:min(var(--article-shell-width),calc(100% - 48px));
    margin-top:54px;
    align-items:start;
  }
  .article-content{display:contents}

  .article-toc{
    grid-column:1;
    grid-row:1;
    position:sticky;
    top:24px;
    align-self:start;
    margin:0;
  }
  .article-introduction{
    grid-column:2;
    grid-row:1;
    width:100%;
    padding:0 0 var(--article-section-space);
    border-bottom:0;
  }

  /* The divider closes the opening composition. */
  #before-start{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    margin:0;
    padding:var(--article-section-space) 0 var(--article-section-space);
    border-top:1px solid #eee5da;
  }

  .article-section--wide,
  .article-block--wide{
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  /* One visual rhythm and one inner width for every reading block. */
  .article-section--wide{
    padding:var(--article-section-space) 0;
    border-top:1px solid #eee5da;
  }
  #before-start + .article-section--wide{
    padding-top:var(--article-section-space);
  }
  .article-section--wide > *{
    width:min(100%,var(--article-flow-inner));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
  .article-section--wide > .article-step-heading,
  .article-section--wide > h2,
  .article-section--wide > h3,
  .article-section--wide > p,
  .article-section--wide > div + p,
  .article-section--wide > ol + p,
  .article-section--wide > .article-note,
  .article-section--wide > .article-inline-action,
  .article-section--wide > .article-formula,
  .article-section--wide > .article-example-line,
  .article-section--wide > .article-interpretation-template,
  .article-section--wide > .article-example-conclusion{
    width:min(100%,var(--article-flow-inner));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }

  /* Full-width closing blocks match the same shell as the quick summary. */
  .article-checklist-section,
  .article-main-cta,
  .article-related{
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  .article-checklist-section{
    padding:38px max(38px,calc((100% - var(--article-flow-inner))/2))!important;
  }
  .article-main-cta{
    margin-top:var(--article-section-space);
    margin-bottom:var(--article-section-space);
    padding:34px max(36px,calc((100% - var(--article-flow-inner))/2));
  }
  .article-related{
    padding-top:var(--article-section-space);
  }
  .article-related > *{
    width:min(100%,var(--article-flow-inner));
    margin-left:auto;
    margin-right:auto;
  }

  /* Prevent legacy margins from reintroducing width jumps. */
  .article-section--wide#big-three{margin-top:0}
  .article-section{padding-bottom:0}
  .article-section + .article-section{padding-top:0}
}

@media (max-width:900px){
  .article-layout{
    display:block;
    width:min(860px,calc(100% - 28px));
    margin-top:35px;
  }
  .article-content{display:block;width:100%;margin:0}
  .article-toc{position:relative;top:auto;margin-bottom:34px}
  .article-introduction,
  #before-start,
  .article-section--wide{
    width:100%;
    padding:36px 0;
    border-top:1px solid #eee5da;
  }
  .article-introduction{padding-top:0;border-top:0}
  .article-section--wide > *{width:100%;max-width:none}
  .article-checklist-section{padding:28px 24px!important}
  .article-main-cta{margin:46px 0 52px;padding:28px 24px}
  .article-related{padding-top:46px}
}

@media (max-width:560px){
  .article-layout{width:min(100% - 24px,520px);margin-top:23px}
  .article-toc{margin-bottom:30px}
  .article-introduction,
  #before-start,
  .article-section--wide{padding:30px 0}
  .article-introduction{padding-top:0}
  .article-checklist-section{padding:24px 18px!important}
  .article-main-cta{margin:40px 0 46px;padding:24px 20px}
  .article-related{padding-top:40px}
}

/* =========================================================
   v86 — aligned actions and calm section dividers.
   Every divider has equal breathing room; inline calls to
   action follow the same inner edge as all article content.
   ========================================================= */
@media (min-width:901px){
  :root{
    --article-divider-before:40px;
    --article-divider-after:48px;
    --article-section-tail:40px;
  }

  /* Legacy borders touched the preceding content because a later
     rule removed section padding. Dividers now live independently. */
  #before-start,
  .article-section--wide:not(.article-checklist-section){
    position:relative;
    padding-top:0!important;
    padding-bottom:var(--article-section-tail)!important;
    border-top:0!important;
  }

  #before-start::before,
  .article-section--wide:not(#before-start):not(.article-checklist-section)::before,
  .article-related::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#eee5da;
  }

  /* The opening divider closes the navigation/introduction row. */
  #before-start::before{
    margin:var(--article-divider-before) 0 var(--article-divider-after);
  }

  /* Every following reading step gets the same air on both sides. */
  .article-section--wide:not(#before-start):not(.article-checklist-section)::before{
    margin:0 0 var(--article-divider-after);
  }

  /* The previous section supplies the space before the next divider. */
  .article-section--wide:not(.article-checklist-section){
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* These links were inline-flex, so auto margins were ignored and
     their text started 36px left of the shared reading edge. */
  .article-section--wide > .article-inline-action{
    display:flex;
    width:min(100%,var(--article-flow-inner))!important;
    max-width:none!important;
    margin:30px auto 0!important;
    justify-content:flex-start;
  }

  /* Card transitions keep the same measured rhythm without a line
     touching their border. */
  .article-checklist-section{
    margin-top:var(--article-divider-before)!important;
    margin-bottom:0!important;
  }
  .article-main-cta{
    margin-top:56px!important;
    margin-bottom:var(--article-divider-before)!important;
  }
  .article-related{
    position:relative;
    padding-top:0!important;
    border-top:0!important;
  }
  .article-related::before{
    margin:0 0 var(--article-divider-after);
  }
}

@media (max-width:900px){
  #before-start,
  .article-section--wide:not(.article-checklist-section){
    position:relative;
    padding-top:0!important;
    padding-bottom:32px!important;
    border-top:0!important;
  }
  #before-start::before,
  .article-section--wide:not(#before-start):not(.article-checklist-section)::before,
  .article-related::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin:30px 0 36px;
    background:#eee5da;
  }
  #before-start::before{margin-top:10px}
  .article-section--wide > .article-inline-action{
    display:flex;
    width:100%!important;
    margin:26px 0 0!important;
    justify-content:flex-start;
  }
  .article-checklist-section{margin-top:30px!important;margin-bottom:0!important}
  .article-main-cta{margin:42px 0 30px!important}
  .article-related{padding-top:0!important;border-top:0!important}
  .article-related::before{margin-top:0}
}

@media (max-width:560px){
  #before-start,
  .article-section--wide:not(.article-checklist-section){padding-bottom:28px!important}
  #before-start::before,
  .article-section--wide:not(#before-start):not(.article-checklist-section)::before,
  .article-related::before{margin:26px 0 32px}
  #before-start::before{margin-top:6px}
  .article-section--wide > .article-inline-action{margin-top:24px!important}
  .article-checklist-section{margin-top:26px!important}
  .article-main-cta{margin:36px 0 26px!important}
}


/* =========================================================
   v89 — verified four-part formulas.
   Stable 4 / 2 / 1 card layout with equal row alignment.
   ========================================================= */
.article-core-formula--four{
  align-items:stretch;
  grid-auto-rows:1fr;
}
.article-core-formula--four > div{
  height:100%;
}
@media (max-width:1120px){
  .article-core-formula--four{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .article-core-formula--four > i{
    display:none;
  }
}
@media (max-width:700px){
  .article-core-formula--four{
    grid-template-columns:1fr;
    grid-auto-rows:auto;
    gap:14px;
  }
  .article-core-formula--four > div{
    min-height:0;
    height:auto;
  }
}


/* =========================================================
   v90 — exact centering for formula separators.
   Plus signs sit on the visual centerline of equal-height cards.
   ========================================================= */
.article-core-formula--four > i{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:100%;
  font-size:18px;
  line-height:1;
}
@media (max-width:1120px){
  .article-core-formula--four > i{display:none}
}