.learn-header{background:linear-gradient(120deg,#101d31,#1b3352);color:#fff}
.learn-main{min-height:66vh;padding-bottom:110px}
.learn-hero{background:radial-gradient(circle at 85% 25%,#294e71 0%,transparent 35%),linear-gradient(135deg,#122238,#172e4b 66%,#0e2036);color:#fff;overflow:hidden}
.learn-hero-grid{display:grid;grid-template-columns:1fr minmax(320px,.84fr);gap:clamp(32px,6vw,95px);align-items:center;padding-block:90px 104px}
.learn-hero .section-kicker{color:#efc785;display:flex;gap:12px;align-items:center}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:#ecc488;box-shadow:0 0 0 6px #e9bd7430}
.learn-hero-copy h1{max-width:630px;color:#fff}
.learn-hero-copy h1 em{color:#f1c688}
.learn-hero .learn-lead{color:#c5d4e5;max-width:590px;margin:25px 0 32px}
.learn-hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
.learn-hero-link{font-size:14px;font-weight:800;color:#d9e9fa;text-decoration:none}.learn-hero-link:hover{text-decoration:underline;text-underline-offset:5px}
.learn-hero-note{color:#9eb9d0;font-size:12px;margin-top:30px}.learn-hero-note span{color:#f1c688;margin-right:7px}
.featured-guide{display:block;position:relative;padding:22px;background:#f8fafc;color:#1a2e48;border-radius:25px;box-shadow:0 35px 65px #04112463;text-decoration:none;transform:rotate(1.2deg);transition:transform .2s,box-shadow .2s}
.featured-guide:hover{transform:rotate(0deg) translateY(-5px);box-shadow:0 38px 75px #0411247a}
.featured-top{display:flex;align-items:center;justify-content:space-between}.featured-top>span:last-child{font-size:22px;color:#bd8741}.featured-badge{background:#dceae9;color:#236655;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.12em}
.featured-art{margin-top:18px;min-height:154px;border-radius:15px;background:radial-gradient(circle at 75% 20%,#5386a9,#1e446a 62%,#1a3051);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f5dfb8}.featured-art span{font:600 clamp(27px,4vw,49px)/1 'Fraunces',Georgia,serif;letter-spacing:.03em}.featured-art b{font:400 24px 'DM Sans',sans-serif;color:#aacbe4}.featured-art small{font-size:10px;letter-spacing:.24em;font-weight:800;color:#d3e5ef}
.featured-copy{padding:23px 6px 5px}.featured-copy>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a06b30}.featured-copy h2{font:600 clamp(25px,2.7vw,37px)/1.17 'Fraunces',Georgia,serif;letter-spacing:-.025em;margin:13px 0}.featured-copy p{color:#60748a;font-size:14px;line-height:1.65;margin:0 0 20px}.featured-copy strong{color:#2459aa;font-size:13px}
.learn-below{padding-top:0}.learn-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;margin-top:-34px}
.learn-pillar-grid>div{background:#fff;border:1px solid #dfe6ec;border-radius:16px;box-shadow:0 15px 30px #152b4510;padding:22px;display:grid;grid-template-columns:37px 1fr;column-gap:10px}.learn-pillar-grid span{grid-row:span 2;font-size:27px;color:#2459aa}.learn-pillar-grid strong{font-size:14px}.learn-pillar-grid p{font-size:12px;line-height:1.5;color:#67798d;margin:5px 0 0}
.latest-heading{padding-top:93px;display:flex;justify-content:space-between;align-items:end;gap:30px}.latest-heading .section-kicker{color:#ad7832;margin-bottom:12px}.latest-heading h2{font:600 clamp(29px,3.5vw,43px)/1.18 'Fraunces',Georgia,serif;letter-spacing:-.03em;margin:0}.latest-heading>p{color:#64788a;line-height:1.65;font-size:14px;max-width:315px;margin:0}
.learn-main .section-kicker,.article-main .section-kicker{color:#ad7832}
.learn-main h1,.article-main h1{font:600 clamp(42px,6vw,76px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-.04em;margin:0}
.learn-main h1 em{font-style:normal;color:#b07737}
.learn-lead{max-width:720px;color:var(--muted);font-size:19px;line-height:1.7;margin:22px 0 55px}
.hub-status{color:#62758a;min-height:20px;margin:16px 0}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:19px}
.article-tile{display:flex;flex-direction:column;gap:13px;padding:30px;border-radius:19px;background:#fff;border:1px solid #dae3eb;box-shadow:0 12px 32px #162b4810;text-decoration:none;transition:transform .18s,box-shadow .18s}
.article-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #162b4825}
.tile-category{color:#9c641f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.article-tile h2{font:600 28px/1.23 'Fraunces',Georgia,serif;margin:0}
.article-tile p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 15px}
.article-tile strong{color:#2459ae;margin-top:auto}
.article-main{max-width:840px;padding-block:55px 110px}
.back-link{display:inline-block;color:#2459ae;font-weight:700;text-decoration:none;margin-bottom:55px}
.article-main h1{font-size:clamp(38px,5vw,62px)}
.article-summary{font-size:20px;line-height:1.6;color:#5c7084;margin:22px 0 40px}
.article-body{padding:8px 0 48px;font-size:17px;line-height:1.9;white-space:pre-line}
.article-body p{margin:0 0 22px}
.discussion{border-top:1px solid #d2dce5;padding-top:42px}
.discussion-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}
.discussion h2{font:600 clamp(28px,4vw,38px)/1.2 'Fraunces',Georgia,serif;margin:0}
.discussion-heading>p{max-width:260px;color:var(--muted);line-height:1.6;font-size:13px}
.comment-card{background:#fff;border:1px solid #dbe3ea;border-radius:16px;padding:18px 22px;margin:12px 0}
.comment-card strong{font-size:14px}.comment-card time{font-size:12px;color:#6c7b8c;margin-left:12px}.comment-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:13px 0 0}
.thread{margin:15px 0 26px}.thread>.comment-card{margin-bottom:0}.thread-replies{margin-left:34px;padding-left:18px;border-left:2px solid #c4d5e9}.thread-replies .comment-card{margin:10px 0;background:#f8fbff}.reply-action{display:inline-flex;margin-top:12px;border:0;background:none;color:#2459aa;font:700 13px 'DM Sans',sans-serif;cursor:pointer;padding:6px 0}.reply-action:hover{text-decoration:underline}.reply-action:focus-visible{outline:2px solid #2459aa;outline-offset:3px}.reply-form{margin:11px 0 18px 34px;background:#eef4fb;border-radius:13px;padding:16px}.reply-form[hidden]{display:none}.reply-form label{display:block;font-weight:800;font-size:13px;margin-bottom:9px}.reply-form textarea{display:block;width:100%;min-height:90px;border-radius:8px;border:1px solid #9aafc8;padding:10px;font:inherit;resize:vertical}.reply-form .comment-actions{justify-content:flex-end}.reply-form .button{min-height:40px}.reply-form .cancel-reply{background:none;border:0;color:#49627e;cursor:pointer;font-weight:700}.reply-form [role=status]{font-size:13px;color:#4b5e73}
#comment-form,.join-prompt{margin-top:30px;padding:26px;background:#e8eff7;border:1px solid #d4e1ef;border-radius:17px}
#comment-form[hidden],.join-prompt[hidden]{display:none}
#comment-form label{font-weight:800;display:block;margin-bottom:12px}
#comment-body{width:100%;min-height:125px;resize:vertical;border-radius:10px;border:1px solid #9aafc8;padding:14px;font:inherit;background:#fff;color:#14253e}
.comment-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.comment-actions span{font-size:13px;color:#586b7e}.comment-actions button{border:0;cursor:pointer}.comment-actions button:disabled{opacity:.6;cursor:wait}
.join-prompt p{color:#52677d;line-height:1.6}.join-prompt .text-link{margin-left:19px}
@media(max-width:900px){.learn-hero-grid{grid-template-columns:1fr;gap:45px;padding-block:69px 90px}.featured-guide{max-width:550px;transform:none}.featured-guide:hover{transform:translateY(-4px)}}
@media(max-width:640px){.learn-main{padding-bottom:75px}.learn-hero-grid{padding-block:61px 72px}.learn-hero-copy h1{font-size:clamp(39px,10vw,60px)}.learn-lead{font-size:16px;margin-bottom:32px}.learn-hero-actions{align-items:start;flex-direction:column;gap:20px}.featured-guide{padding:15px}.featured-art{min-height:132px}.learn-pillar-grid{grid-template-columns:1fr;gap:9px;margin-top:-21px}.learn-pillar-grid>div{padding:15px}.latest-heading{padding-top:65px;display:block}.latest-heading>p{margin-top:14px}.article-main{padding-block:35px 70px}.back-link{margin-bottom:36px}.article-summary{font-size:17px}.discussion-heading{display:block}.discussion-heading>p{max-width:none}.comment-actions{align-items:stretch;flex-direction:column}.comment-actions button{width:100%}#comment-form,.join-prompt{padding:18px}.thread-replies{margin-left:13px;padding-left:9px}.reply-form{margin-left:13px}}