/* Editorial articles, guides and contact pages */
.guide-page,.guide-hub,.contact-page{max-width:1120px}
.guide-hub-intro{max-width:880px;margin:0 0 54px}
.guide-hub-intro h1{font-size:clamp(46px,6.3vw,81px);line-height:1.03;letter-spacing:-.065em;margin:15px 0 22px}
.guide-deck{color:var(--muted);font-size:clamp(17px,1.6vw,20px);line-height:1.75;max-width:780px}
.guide-section-heading{display:flex;align-items:end;gap:16px;justify-content:space-between;margin-bottom:21px}
.guide-section-heading h2{font-size:clamp(27px,3.8vw,40px);margin:0}
.guide-section-heading p{margin:0;color:var(--muted);font-size:14px}
.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-card{display:flex;flex-direction:column;min-height:315px;padding:30px;border:1px solid var(--line);border-radius:26px;background:var(--white);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.guide-card:hover{transform:translateY(-5px);border-color:var(--purple)}
.guide-card-eyebrow,.guide-card-link{font-size:12px;font-weight:800;letter-spacing:.055em;color:var(--purple)}
.guide-card-glyph{display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:17px;margin:20px 0 12px;background:var(--lavender);color:var(--purple);font:700 23px 'Space Grotesk',sans-serif}
.guide-card-2 .guide-card-glyph{background:#ffead8;color:#8d4a1b}.guide-card-3 .guide-card-glyph{background:#e0f3fd;color:#22608b}.guide-card-4 .guide-card-glyph{background:#e4f5cf;color:#376b32}
.guide-card h2,.guide-card h3{font-size:29px;line-height:1.14;margin:0 0 12px}
.guide-card p{color:var(--muted);line-height:1.7;margin-bottom:22px}
.guide-card-link{margin-top:auto}
.guide-method{margin:70px 0;padding:39px;border:1px solid var(--line);background:var(--white);border-radius:26px}
.guide-method h2{font-size:clamp(28px,4vw,40px);margin:11px 0 27px}
.guide-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-method-grid strong{font-size:17px}.guide-method-grid p{margin:10px 0 0;color:var(--muted);line-height:1.7;font-size:14px}
.guide-article{max-width:880px;margin:auto}
.guide-article-header{padding:24px 0 40px;border-bottom:1px solid var(--line)}
.guide-article-header h1{margin:18px 0 23px;font-size:clamp(40px,5.5vw,65px);line-height:1.09;letter-spacing:-.06em}
.guide-article-header .button{margin-top:10px}
.guide-prose{max-width:790px;margin:auto;padding:36px 0}
.guide-prose h2,.learning-block h2{font-size:clamp(24px,3.2vw,34px);line-height:1.2;letter-spacing:-.045em;margin:39px 0 15px}
.guide-prose p,.guide-prose li,.learning-block p,.learning-block li{font-size:16px;line-height:1.82;color:var(--ink)}
.guide-prose p,.learning-block p{margin:0 0 17px}
.guide-prose ol,.guide-prose ul,.learning-block ol{padding-left:25px;margin:0 0 25px}
.guide-prose li,.learning-block li{padding-left:3px;margin:0 0 9px}
.guide-prose a,.learning-block a,.guide-bottom-links a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.guide-prose pre,.contact-template pre,.learning-block pre{border-radius:17px;overflow:auto;padding:21px;background:#262638;color:#f8f7ff;line-height:1.7;font-size:13px;margin:17px 0 24px}
.guide-prose :not(pre)>code,.learning-block :not(pre)>code{background:var(--lavender);color:var(--ink);padding:2px 5px;border-radius:5px;font-size:.88em;overflow-wrap:anywhere}
.reference-table{overflow-x:auto;margin:22px 0 33px;border:1px solid var(--line);border-radius:16px}
.reference-table table{width:100%;border-collapse:collapse;min-width:480px;text-align:left}
.reference-table th,.reference-table td{padding:13px 15px;border-bottom:1px solid var(--line)}
.reference-table th{background:var(--lavender);font-size:13px}.reference-table tr:last-child td{border:0}
.guide-faq{display:grid;gap:12px;margin:20px 0 42px}
.guide-faq details{border:1px solid var(--line);border-radius:15px;background:var(--white);padding:0 20px}
.guide-faq summary{list-style:none;cursor:pointer;position:relative;padding:17px 27px 17px 0;font-weight:750;line-height:1.5}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary::after{content:'+';position:absolute;right:1px;font-size:23px;color:var(--purple);top:10px}
.guide-faq details[open] summary::after{content:'−'}
.guide-faq details[open] p{border-top:1px solid var(--line);padding-top:13px}
.guide-faq details p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 18px}
.guide-next{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:32px;background:var(--lavender);border-radius:25px;margin:35px 0 24px}
.guide-next h2{font-size:30px;margin:5px 0 10px}.guide-next p{color:var(--muted);margin:0;line-height:1.6}
.guide-next .button{white-space:nowrap}
.guide-bottom-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:26px 0 0}
.learning-block{margin-top:34px;padding:27px 29px;border:1px solid var(--line);background:var(--white);border-radius:23px}
.learning-block h2{margin:0 0 13px}
.learning-block h3{font-size:21px;letter-spacing:-.025em;margin:23px 0 9px}
.learning-block .guide-faq{margin:15px 0 24px}
.learning-block .guide-callout{padding:17px 20px;background:var(--lavender);border-radius:14px;margin:25px 0}
.learning-block .guide-callout p{margin:0}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.contact-panel,.contact-template{padding:29px;border:1px solid var(--line);border-radius:25px;background:var(--white);box-shadow:var(--shadow)}
.contact-icon{display:grid;place-items:center;width:58px;height:58px;background:var(--lavender);border-radius:18px;color:var(--purple);font-size:28px;font-weight:bold;margin-bottom:23px}
.contact-panel h2,.contact-template h2{font-size:30px;line-height:1.12;margin:0 0 14px}
.contact-panel p,.contact-template p,.contact-panel li{line-height:1.8;color:var(--muted)}
.contact-email{display:inline-block;color:var(--purple);font-family:'Space Grotesk','DM Sans',sans-serif;font-weight:750;font-size:clamp(23px,2.8vw,31px);letter-spacing:-.04em;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.contact-email:hover{color:var(--purple-dark)}
.contact-note{font-size:13px;border-top:1px solid var(--line);padding-top:21px;margin-top:23px}
.contact-checklist{padding-left:21px}.contact-checklist li{margin-bottom:13px}
.contact-template{margin:25px 0}.contact-template pre{margin-bottom:13px}
.contact-faq h2{font-size:30px;margin-bottom:6px}
@media(max-width:800px){.guide-method-grid{grid-template-columns:1fr}.guide-next{align-items:flex-start;flex-direction:column}.guide-hub-intro{margin-bottom:33px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:620px){.guide-card-grid{grid-template-columns:1fr}.guide-card{min-height:270px;padding:24px}.guide-section-heading{align-items:flex-start;flex-direction:column}.guide-method{padding:23px}.guide-next{padding:24px}.guide-prose{padding-top:10px}.learning-block{padding:22px}.contact-panel,.contact-template{padding:22px}}