.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}.guide-screenshot{min-width:0;margin:26px 0 8px}.guide-screenshot-image{background:#f6f4fa;border:1px solid #e4dced;border-radius:14px;padding:10px;display:block;overflow:hidden}.guide-screenshot-image img{background:#fff;border-radius:6px;width:100%;height:auto;margin:auto;display:block}.guide-screenshot figcaption{color:#736681;margin:12px 2px 0;font-size:12px;line-height:1.8}.guide-screenshot figcaption>a{color:#70429d;text-underline-offset:3px;white-space:nowrap;margin-left:10px;display:inline-block}.guide-screenshot a:focus-visible{outline-offset:4px;outline:2px solid #9470b6}@media (max-width:600px){.guide-screenshot-image{border-radius:10px;padding:5px}.guide-screenshot figcaption{font-size:11px}.guide-screenshot figcaption>a{margin-left:6px}}.guide-discovery{margin:0 0 32px}.guide-search{max-width:720px}.guide-search>label{color:#655275;margin-bottom:9px;font-size:12px;font-weight:600;display:block}.guide-search>div{color:#9b7ab4;background:#fff;border:1px solid #ddceeb;border-radius:12px;align-items:center;gap:12px;padding:0 16px;display:flex;box-shadow:0 4px 18px #45225a04}.guide-search>div:focus-within{border-color:#9470b6;box-shadow:0 0 0 3px #9470b617}.guide-search input{width:100%;min-width:0;font:13px/1.5 var(--font-inter),Arial,sans-serif;color:#25213f;background:0 0;border:0;outline:0;flex:1;padding:16px 0}.guide-search input::placeholder{color:#91839d}.guide-search button{color:#87649d;cursor:pointer;background:#f7f2fb;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.guide-search input::-webkit-search-cancel-button{display:none}.guide-filters{flex-wrap:wrap;gap:9px;margin:20px 0 16px;display:flex}.guide-filters button{color:#725487;min-height:39px;font:500 12px/1.5 var(--font-inter),Arial,sans-serif;cursor:pointer;background:#fff;border:1px solid #e5d8f2;border-radius:24px;justify-content:center;align-items:center;gap:9px;padding:9px 13px;display:inline-flex}.guide-filters button[aria-pressed=true]{color:#55346f;background:#f0e6fa;border-color:#aa85c5}.guide-filters button>span{color:#8c6b9d;background:#f5effa;border-radius:5px;min-width:18px;padding:1px 4px;font-size:10px}.guide-filters button[aria-pressed=true]>span{color:#63427e;background:#e3d2f2}.guide-filters button:disabled{cursor:default}.guide-results-summary{border-bottom:1px solid #e9e0f1;justify-content:space-between;align-items:center;gap:12px;padding:0 0 18px;display:flex}.guide-results-summary>p{color:#82718f;margin:0;font-size:12px}.guide-results-summary>button{color:#775293;font:500 12px var(--font-inter),Arial,sans-serif;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:5px 0;text-decoration:underline}.guide-no-results{text-align:center;background:#fcfaff;border:1px dashed #dfd0ec;border-radius:18px;justify-items:center;gap:12px;padding:42px 20px 50px;display:grid}.guide-no-results>span{color:#a381c1;background:#f0e7fa;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.guide-no-results h2,.guide-no-results p{margin:0}.guide-no-results p{font-size:13px}.guide-no-results button{color:#775293;font:600 12px var(--font-inter),Arial,sans-serif;cursor:pointer;background:#fff;border:1px solid #d8c5e7;border-radius:9px;margin-top:4px;padding:11px 17px}.guide-discovery button:focus-visible,.guide-no-results button:focus-visible{outline-offset:3px;outline:2px solid #9470b6}@media (max-width:600px){.guide-filters{gap:8px}.guide-filters button{padding:8px 11px;font-size:11px}.guide-search>div{gap:9px;padding:0 12px}.guide-search input{font-size:12px}.guide-no-results{padding:32px 18px}}