.learn-hero{position:relative;overflow:hidden;padding:76px 0 64px;border-bottom:1px solid var(--line)}
.learn-hero-copy{position:relative;z-index:1;max-width:840px}
.learn-hero h1{font-size:clamp(36px,5.6vw,62px);line-height:1.25;letter-spacing:-.04em;margin:18px 0 25px}
.learn-lead{font-size:clamp(17px,2vw,21px);line-height:1.9;color:var(--muted)}
.learn-meta{font-size:13px;color:var(--muted);margin-top:24px}
.learn-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding:56px 0 88px}
.learn-directory{position:sticky;top:112px;align-self:start;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px}
.learn-directory nav{display:grid;gap:5px}
.learn-directory nav a{font-size:14px;line-height:1.7;padding:9px 0;color:var(--body)}
.learn-directory nav a:hover{color:var(--sun-pale)}
.learn-directory nav a span{color:var(--faint);font-size:12px;margin-right:10px}
.learn-directory .button{margin-top:22px;width:100%;padding-inline:12px}
.learn-article{min-width:0;max-width:790px}
.learn-chapter{padding:0 0 62px;margin:0 0 54px;border-bottom:1px solid var(--line);scroll-margin-top:108px}
.learn-chapter h2,.learn-next h2{font-size:clamp(27px,3.4vw,37px);line-height:1.45;letter-spacing:-.03em;margin:14px 0 23px}
.learn-chapter h3{font-size:20px;line-height:1.6;margin:29px 0 12px}
.learn-chapter p,.learn-chapter li,.learn-next p{font-size:16px;line-height:2;color:var(--body)}
.learn-chapter p+p{margin-top:16px}
.learn-chapter ul{padding-left:22px;margin:18px 0}
.learn-chapter li+li{margin-top:10px}
.learn-chapter .eyebrow,.learn-next .eyebrow{font-size:12px;line-height:1.8;color:var(--sun-soft)}
.learn-diagram{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,rgba(255,138,60,.07),var(--surface))}
.learn-diagram figcaption{color:var(--muted);font-size:12px;margin-bottom:20px;letter-spacing:.04em}
.diagram-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0!important;gap:12px;margin:0!important}
.diagram-flow li{display:flex;flex-direction:column;padding:18px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);margin:0!important}
.diagram-flow li span{color:var(--sun-soft);font-size:12px;line-height:1.5;margin-bottom:14px}
.diagram-flow li strong{color:var(--ink);font-size:15px;line-height:1.6}
.diagram-flow li small{font-size:12px;line-height:1.7;color:var(--muted);margin-top:7px}
.diagram-foundations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.diagram-foundations.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.diagram-foundations>div{border:1px solid var(--line);border-radius:12px;padding:19px;background:rgba(255,255,255,.025)}
.diagram-foundations strong{font-size:17px;color:var(--sun-pale)}
.diagram-foundations p{font-size:13px;line-height:1.7;margin:8px 0 0}
.learn-example{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--surface);margin:24px 0}
.learn-example .example-label{font-size:12px;color:var(--sun-soft);line-height:1.7;margin:0 0 12px}
.learn-example h3{font-size:18px;margin:0 0 9px}
.learn-example p{font-size:15px;line-height:1.95}
.learn-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.learn-example-grid .learn-example{margin:0}
.owner-question{padding:22px 24px;border-left:3px solid var(--sun);border-radius:0 12px 12px 0;background:rgba(255,138,60,.065);margin-top:26px}
.owner-question span{font-size:12px;color:var(--sun-soft);letter-spacing:.05em}
.owner-question p{color:var(--ink);font-size:16px;line-height:1.9;margin:8px 0 0}
.learn-terms{display:grid;gap:0;margin:22px 0}
.learn-terms>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.learn-terms dt{color:var(--ink);font-weight:600;font-size:15px;line-height:1.9}
.learn-terms dd{color:var(--body);margin:0;font-size:15px;line-height:1.9}
.learn-roles{display:grid;gap:14px;margin:28px 0}
.learn-roles>div{border:1px solid var(--line);padding:22px 24px;border-radius:14px;background:var(--surface)}
.learn-roles span{color:var(--sun-soft);font-size:12px}
.learn-roles h3{margin:8px 0 9px;font-size:19px}
.learn-roles p{font-size:15px;line-height:1.9}
.learn-next{padding:8px 0 24px}
.learn-return{display:inline-block;color:var(--muted);font-size:14px;margin-top:22px;text-decoration:underline;text-underline-offset:4px}
.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 65px}
.qr-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0}
.qr-card img{background:white;border-radius:12px;width:240px;height:auto;margin:24px 0}
.qr-card .qr-address{overflow-wrap:anywhere;font-size:14px;color:var(--muted)}
.qr-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.qr-card h2{font-size:25px}
@media(max-width:1000px){.learn-layout{grid-template-columns:220px minmax(0,1fr);gap:34px}.learn-directory{padding:20px}.diagram-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.learn-hero{padding:52px 0 40px}.learn-layout{grid-template-columns:1fr;gap:38px;padding:30px 0 54px}.learn-directory{position:static;padding:22px}.learn-directory nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.learn-directory nav .eyebrow{grid-column:1/-1;margin-bottom:6px}.learn-directory .button{width:auto}.learn-chapter{padding-bottom:42px;margin-bottom:39px}.learn-example-grid{grid-template-columns:1fr}.qr-grid{grid-template-columns:1fr}.qr-card{padding:24px}}
@media(max-width:480px){.learn-hero h1{font-size:36px}.learn-directory nav{grid-template-columns:1fr;gap:0}.learn-directory nav a{font-size:15px;padding:8px 0}.learn-diagram{padding:18px}.diagram-foundations,.diagram-foundations.three{grid-template-columns:1fr}.diagram-flow{gap:9px}.diagram-flow li{padding:16px 12px}.learn-example{padding:21px}.owner-question{padding:20px}.learn-terms>div{grid-template-columns:1fr;gap:7px}.learn-chapter h2{font-size:27px}.learn-chapter p,.learn-chapter li,.learn-next p{font-size:16px}.qr-card img{width:100%;max-width:240px}.learn-hero .hero-actions{gap:13px}.learn-hero .button,.learn-next .button{width:100%}}