.resource-page{max-width:1200px;margin:auto;padding:52px 28px 80px}.resource-page>header{max-width:750px;margin-bottom:36px}.resource-page h1{font-family:var(--font-display);margin:12px 0 18px;font-size:clamp(32px,5vw,48px);line-height:1.2}.resource-page h2{font-size:23px;line-height:1.35}.resource-page p{color:#56617e;line-height:1.8}.resource-page .eyebrow{color:#8555b1;letter-spacing:.16em;font-size:11px;font-weight:700}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{background:#fff;border:1px solid #e5d8f2;border-radius:20px;min-width:0;padding:25px}.resource-card:nth-child(3n+2){background:#f3f8ff}.resource-card:nth-child(3n){background:#faf4ff}.resource-card a{color:#7645a3}.resource-card h2{margin-top:10px}.resource-tag{color:#744c99;background:#f0e7fc;border-radius:8px;padding:5px 10px;font-size:11px;display:inline-flex}.plan-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plan-card{background:#fff;border:1px solid #e3d6f2;border-radius:22px;padding:30px}.plan-card:last-child{background:#f7f1ff}.plan-price{margin:12px 0;font-size:36px;font-weight:800;color:#111038!important}.plan-card ul{color:#56617e;padding-left:20px;line-height:2}.comparison-wrap{border:1px solid #e5d8f2;border-radius:14px;margin:32px 0;overflow:auto}.comparison{border-collapse:collapse;text-align:left;width:100%;min-width:550px}.comparison th,.comparison td{border-bottom:1px solid #eee5f7;padding:16px}.comparison thead{background:#f7f2ff}.comparison tr:last-child td,.comparison tr:last-child th{border-bottom:0}.resource-filter{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}.resource-filter label{gap:6px;font-size:12px;display:grid}.resource-filter input,.resource-filter select{color:#151236;background:#fff;border:1px solid #dfd2ed;border-radius:9px;padding:11px}.public-template-paper{width:100%;height:auto;display:block;box-shadow:0 8px 24px #20123a12}.public-template-preview{background:#f1eafb;border-radius:12px;margin-bottom:16px;padding:18px 28px;display:block}.public-template-preview svg{pointer-events:none}.template-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.guide-article section{border-bottom:1px solid #e7dff1;padding:22px 0}.guide-example{white-space:pre-wrap;overflow-wrap:anywhere;color:#263c58;background:#f2f7ff;border-radius:15px;padding:22px;font-family:inherit;line-height:1.8}.guide-links{flex-wrap:wrap;gap:18px;margin-top:30px;display:flex}.template-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-card-title h2{margin:0;font-size:19px}@media (max-width:750px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr}.resource-page{padding:28px 18px 55px}.resource-card{padding:18px}.public-template-preview{padding:12px}}@media (max-width:480px){.resource-grid{grid-template-columns:1fr}}.guide-article{max-width:880px}.guide-breadcrumbs{color:#6d6084;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;font-size:12px;display:flex}.guide-breadcrumbs a,.guide-contents a,.guide-sources a{color:#70429d;text-underline-offset:4px}.guide-article>header{margin-bottom:26px}.guide-article .guide-byline{color:#786e8b;flex-wrap:wrap;gap:7px;margin-top:20px;font-size:12px;display:flex}.guide-takeaway{background:#fff7ed;border:1px solid #eddcce;border-radius:18px;margin:26px 0;padding:24px 26px}.guide-takeaway>strong{color:#754629;font-size:13px}.guide-takeaway p{margin:8px 0 12px}.guide-takeaway a{color:#70429d;font-size:13px;font-weight:600}.guide-contents{background:#faf7ff;border:1px solid #e5d8f2;border-radius:18px;margin-bottom:20px;padding:22px 26px}.guide-contents>strong{font-size:13px}.guide-contents ol{grid-template-columns:1fr 1fr;gap:13px 30px;margin-bottom:0;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.guide-article section,.guide-collection{scroll-margin-top:110px}.guide-article section h2{margin:6px 0 14px}.guide-article section .eyebrow{margin-bottom:8px}.guide-walkthrough{color:#56617e;padding-left:23px;line-height:1.9}.guide-walkthrough li+li{margin-top:14px}.guide-worked-example{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;font-family:var(--font-inter),Arial,sans-serif;color:#263c58;tab-size:2;background:#fff;border:1px solid #ded8ed;border-radius:14px;padding:24px;font-size:14px;line-height:1.85}.guide-mistakes{gap:20px;display:grid}.guide-mistakes dt{color:#171336;font-size:15px;font-weight:700}.guide-mistakes dd{color:#56617e;margin:6px 0 0;line-height:1.85}.guide-checklist{color:#355c50;background:#f0faf6;border:1px solid #d4eae2;border-radius:15px;gap:12px;padding:22px;font-size:14px;line-height:1.7;list-style:none;display:grid}.guide-checklist li{padding-left:24px;position:relative}.guide-checklist li:before{content:"✓";color:#268064;font-weight:700;position:absolute;left:0}.guide-sources ul{padding-left:20px;font-size:13px;line-height:1.8}.guide-sources li+li{margin-top:10px}.guide-article .guide-related{border:0;padding-top:32px}.guide-related .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-related h3,.guides-directory h3{margin:12px 0;font-size:19px;line-height:1.5}.guide-related .resource-card p{font-size:13px}.guide-category-links{flex-wrap:wrap;gap:12px;margin:0 0 36px;display:flex}.guide-category-links a{color:#70429d;background:#fff;border:1px solid #e5d8f2;border-radius:30px;padding:12px 17px;font-size:13px}.guide-category-links span{margin-left:8px}.guide-collection{padding:0 0 42px}.guide-collection>header{max-width:720px;margin-bottom:22px}.guide-collection h2{margin-bottom:8px}.guide-collection>header p{margin:0}.resource-card .guide-card-detail{color:#766486;margin-top:18px;font-size:11px}.guide-card-detail span{padding:0 5px}@media (max-width:600px){.guide-contents ol{grid-template-columns:1fr;gap:10px}.guide-takeaway,.guide-contents{padding:20px}.guide-worked-example{padding:18px;font-size:13px}.guide-related .resource-grid{grid-template-columns:1fr}.guide-breadcrumbs{font-size:11px}.guide-article .guide-links{align-items:center;gap:16px}.guide-article .guide-links .button{white-space:normal;max-width:100%}}.public-template-preview{position:relative}.template-actions{flex-wrap:wrap}
