.content-heading{max-width:850px;margin-bottom:30px}.content-heading h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-.035em;margin:15px 0 0}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid:has(>.content-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{display:flex;flex-direction:column;align-items:start;min-width:0;padding:29px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .2s,transform .2s}.content-card:hover{border-color:var(--green);transform:translateY(-3px)}.content-card h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:22px 0 12px}.content-card p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 25px}.content-card .text-link{font-size:12px;margin-top:auto;color:var(--green)}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.content-split>*{min-width:0}.content-split p{font-size:15px;color:var(--muted);line-height:1.9}.content-callout{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.content-callout h3{font-size:23px;margin:0 0 15px}.content-callout p:last-child{margin-bottom:0}.content-list{list-style:none;padding:0;margin:0}.content-list li{font-size:14px;color:var(--muted);padding:17px 0;border-top:1px solid var(--line);line-height:1.85}.content-list li:before{content:'↳';color:var(--green);margin-right:12px}.content-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-output{padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.content-output h3{font-size:20px;line-height:1.6;font-weight:500;margin:20px 0 0}.content-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin:0;padding:0;counter-reset:step}.content-steps li{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid var(--line);padding:25px 0 10px;min-width:0}.content-steps .label{padding-top:5px;color:var(--green)}.content-steps h3{font-size:23px;margin:0 0 12px;letter-spacing:-.025em}.content-steps p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.content-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.content-table{width:100%;border-collapse:collapse;text-align:left;min-width:580px;font-size:14px;line-height:1.8}.content-table th{font-weight:500;background:var(--panel);padding:19px}.content-table td{padding:19px;color:var(--muted);border-top:1px solid var(--line);vertical-align:top}.content-table td:first-child{color:var(--paper);width:20%}.content-table-wrap+p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}.content-badge{display:inline-flex;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:11px;line-height:1.6;color:var(--green);margin-bottom:25px}.content-code{font:13px/1.9 var(--mono);white-space:pre;overflow:auto;padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--paper);margin:0}.exercise-answer{margin-top:25px;border-block:1px solid var(--line);padding:17px 0}.exercise-answer summary{cursor:pointer;color:var(--green);font-size:14px;min-height:32px;display:flex;align-items:center}.exercise-answer p{font-size:13px}.content-faq{max-width:950px}.content-faq p{line-height:1.9}.brief-builder{display:grid;gap:22px;max-width:900px;margin-top:30px}.brief-builder label{display:grid;gap:10px;font-size:13px;color:var(--muted)}.brief-builder select,.brief-builder textarea{display:block;width:100%;font:14px/1.8 var(--sans);background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;min-height:46px}.brief-builder textarea{resize:vertical}.brief-builder button{justify-self:start}.brief-builder [hidden]{display:none}.brief-builder #brief-result{padding:24px;border:1px solid var(--line);border-radius:12px}.brief-builder #brief-status{min-height:24px;color:var(--green);font-size:13px;margin:0}.brief-builder :focus-visible,.content-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}.section[id],.section [id]{scroll-margin-top:110px}.footer-learning{display:flex;gap:18px;flex-wrap:wrap;padding:20px 0 5px;font-size:12px;color:var(--muted)}.footer-learning a{min-height:35px;display:inline-flex;align-items:center}.footer-learning a:hover{color:var(--green)}
@media(prefers-reduced-motion:reduce){.content-card{transition:none}.content-card:hover{transform:none}}
.footer-share{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-block:10px 18px;color:var(--muted);font-size:11px}.footer-share button{min-height:40px;background:none;border:0;padding:0;color:var(--muted);font:inherit;cursor:pointer}.footer-share button:hover,.footer-share a{color:var(--green)}.footer-share button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:1050px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-split{gap:30px}.content-card{padding:24px}.content-output-grid{gap:14px}}
@media(max-width:760px){.content-grid,.content-grid.two,.content-grid:has(>.content-card:nth-child(4):last-child),.content-split,.content-output-grid,.content-steps{grid-template-columns:1fr}.content-split{gap:30px}.content-heading{margin-bottom:25px}.content-heading h2{font-size:29px}.content-card h3{font-size:22px;margin-top:17px}.content-steps{gap:8px}.content-steps h3{font-size:22px}.content-callout,.content-output{padding:23px}.content-code{padding:22px;font-size:11px}.brief-builder #brief-result{padding:18px}.footer-learning{gap:8px 18px}}