/* Shared Playbook reading and developer pages. */
.content-page .site-nav nav a,.playbook .site-nav nav a{font:500 14px Outfit,Arial,sans-serif;color:#8f879e;padding:5px 0;white-space:nowrap}
.content-page .site-nav nav a[aria-current="page"]{color:#79609e}
.content-page .wrap{max-width:1120px}
.content-hero{text-align:center;padding:64px 0 46px}.content-hero .eyebrow{color:#b58572;font-size:10px;letter-spacing:1.2px}
.content-hero h1,.policy-main h1{font-weight:500;font-size:64px;letter-spacing:-2.5px;line-height:1.06;margin:17px 0 20px}.content-hero h1 span,.policy-main h1 span{color:#8a6bb7}
.content-hero>p{font-size:17px;line-height:1.7;color:#91849e;max-width:580px;margin:0 auto}
.blog-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 16px}.blog-filters{display:flex;gap:6px;flex-wrap:wrap}.blog-filters button{border:0;border-radius:30px;background:transparent;color:#91839f;font-size:13px;padding:10px 14px}.blog-filters button[aria-pressed=true]{background:#eae2f6;color:#8065a5}
.blog-search input{width:270px;border:1px solid #e8e1d7;background:#fff;border-radius:28px;padding:12px 17px;color:#6e5e80;font:inherit;font-size:13px}
.article-count{font-size:12px;color:#a193ad;margin:0 0 20px}.story-grid,.home-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{border:1px solid #e9e1d6;background:#fff;border-radius:18px;min-width:0;transition:transform .15s,box-shadow .15s}.story-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #3b24480a}.story-card[hidden]{display:none}.story-card>a{display:flex;flex-direction:column;min-height:290px;padding:26px;height:100%}.story-category{align-self:flex-start;font-size:10px;letter-spacing:.6px;text-transform:uppercase;background:#e7effd;color:#6681ae;border-radius:20px;padding:7px 10px;display:inline-block;font-weight:500}.story-category.comparison{background:#fff0d1;color:#a07840}.story-card h3{font-size:23px;line-height:1.25;letter-spacing:-.55px;font-weight:500;color:#665374;margin:20px 0 12px}.story-card p{font-size:13px;line-height:1.7;color:#9c8da6;margin:0 0 25px}.story-bottom{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;color:#9a7abb}
.editorial-note{margin-top:35px;background:#f0eafa;border-radius:16px;padding:25px 29px;display:grid;grid-template-columns:1fr auto;gap:6px 30px}.editorial-note strong{font-size:17px;color:#7b6394;font-weight:500}.editorial-note p{font-size:13px;color:#9783ab;line-height:1.7;margin:0;max-width:680px}.editorial-note a{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:#8b6caf}
.content-footer{border-top:1px solid #e9e1d5;padding:30px 0;margin-top:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#a18fae}.content-footer>div{display:flex;gap:22px}.content-footer p{width:100%;margin:0;font-size:11px;color:#b3a4bb}
.breadcrumbs{font-size:12px;color:#a28eaf;display:flex;gap:12px;align-items:center;margin:28px 0 34px}.breadcrumbs a{color:#85649f}
.article-header{max-width:900px;margin-bottom:38px}.article-header h1{font-size:49px;line-height:1.1;letter-spacing:-1.6px;font-weight:500;color:#665071;margin:18px 0}.article-deck{font-size:17px;color:#9a88a7;line-height:1.7;max-width:760px}.article-byline{font-size:12px;line-height:1.8;color:#aa99b4;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(200px,1fr);gap:60px;align-items:start}.prose{min-width:0;color:#807087;font-size:16px;line-height:1.9}.prose h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;font-weight:500;color:#725a82;margin:38px 0 16px}.prose p{margin:0 0 18px}.prose li{padding-left:4px;margin-bottom:10px}.prose ul{padding-left:22px}.prose a{color:#8b67b1;text-decoration:underline;text-decoration-color:#d7c5e5;text-underline-offset:4px}.prose strong{font-weight:500;color:#6b4d7c}
.quick-answer{border-radius:18px;background:#e7effe;padding:27px 30px;color:#61799f}.quick-answer .eyebrow{font-size:9px;color:#8398bd;font-weight:500}.quick-answer p{font-size:17px;line-height:1.75;margin:12px 0 0;color:#536d94}
.article-sidebar{position:sticky;top:25px;padding-top:7px;font-size:13px;color:#9988a4}.article-sidebar .eyebrow{font-size:9px;color:#b5a5be;font-weight:500;letter-spacing:1px}.article-sidebar nav{display:flex;flex-direction:column;gap:13px;padding:17px 0 27px;border-bottom:1px solid #e9e0d7;margin-bottom:25px}.article-sidebar nav a{color:#8f789f;line-height:1.5}.article-sidebar h2{font-size:23px;font-weight:500;line-height:1.3;color:#7f6291;letter-spacing:-.5px}.article-sidebar p{font-size:14px;line-height:1.8}.article-sidebar>a{color:#8e6ca7}
.connected-tools{display:flex;flex-direction:column;gap:9px;margin-top:15px}.connected-tools>a{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #ebe2d8;padding:13px;border-radius:12px}.connected-tools img{object-fit:contain;flex-shrink:0}.connected-tools strong{display:block;font-size:13px;font-weight:500;color:#7d638d}.connected-tools small{display:block;font-size:11px;color:#a28bb0;margin-top:4px}.connected-tools>a>span:last-child{margin-left:auto;color:#b5a1c1}
.table-scroll{overflow-x:auto;border:1px solid #e8ded4;border-radius:12px;margin:20px 0 28px;max-width:100%}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6;min-width:560px;text-align:left}.table-scroll th,.table-scroll td{padding:15px 16px;border-bottom:1px solid #eee6de;vertical-align:top}.table-scroll thead{background:#f2ecf9;color:#8b729f}.table-scroll th{font-weight:500}.table-scroll tbody th{color:#7d618f;min-width:110px;background:#fffaf2}.table-scroll tbody tr:last-child>*{border-bottom:0}
.article-sources{border-top:1px solid #e8ded4;margin-top:36px}.article-sources p,.article-sources li{font-size:13px;line-height:1.8}.related-reading{margin-top:54px;padding-top:35px;border-top:1px solid #e8ded4}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-title h2{font-size:27px;font-weight:500;letter-spacing:-.65px;color:#806292;margin:0}.section-title>a{font-size:12px;color:#a283b7}.section-title .eyebrow{font-size:9px;color:#b79dbe;margin-bottom:10px;font-weight:500}
.tool-header{max-width:830px;margin-bottom:45px}.tool-guide-logo{object-fit:contain;display:block;margin:0 0 23px}.tool-header>.eyebrow{font-size:10px;font-weight:500;color:#aa92b7}.tool-header h1{font-size:59px;font-weight:500;letter-spacing:-2px;color:#725481;margin:13px 0}.tool-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:610px;padding:24px 0;margin:20px 0;border-block:1px solid #e7ddd2}.tool-facts>div{display:flex;flex-direction:column;gap:6px}.tool-facts span{font-size:11px;color:#b39ac0}.tool-facts strong{font-size:24px;font-weight:500;color:#8a69a1}.tool-facts small{font-size:12px;color:#aa94b6}
.content-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#8b70ae;border:0;color:#fff;border-radius:30px;padding:13px 23px;font:500 13px Outfit,Arial,sans-serif;line-height:1.4;cursor:pointer}
.policy-main{max-width:780px;margin:55px auto}.policy-main>.eyebrow{font-size:10px;font-weight:500;color:#b5949e}.policy-main h1{font-size:49px;line-height:1.15}.policy-main .prose{margin-top:35px}
.submission-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:35px;align-items:start}.listing-plan{background:#e9e2f6;border-radius:20px;padding:30px;position:sticky;top:20px;color:#8d73a5}.listing-plan .story-category{background:#f7f3ff;color:#a18bb5}.plan-price{font-size:72px;letter-spacing:-3px;color:#7f5d9e;line-height:1.2;margin:17px 0 0}.plan-price span{font-size:17px;letter-spacing:0;margin-left:5px}.listing-plan>p{font-size:14px;line-height:1.8}.listing-plan>ul{list-style:none;padding:15px 0 23px;margin:0;border-bottom:1px solid #d9cbea}.listing-plan li{font-size:13px;padding:7px 0}.listing-plan li:before{content:'↗';margin-right:10px;color:#b69ecd}.listing-plan .plan-terms{font-size:12px;margin-top:23px}.listing-plan small{display:block;font-size:11px;line-height:1.8;color:#a18bb6}.listing-plan>a{display:inline-block;font-size:11px;margin-top:19px}
.submission-form-panel{background:#fff;border:1px solid #e8ded3;border-radius:20px;padding:32px;min-width:0}.submission-form-panel h2{font-size:27px;line-height:1.25;font-weight:500;color:#80638e;letter-spacing:-.6px;margin:0 0 14px}.form-intro,#submission-review>p{font-size:13px;color:#a08caa;line-height:1.8;margin:0 0 25px}.submission-form-panel label{display:flex;flex-direction:column;font-size:12px;color:#957ca3;gap:9px;margin-bottom:20px;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.submission-form-panel input:not([type=checkbox]),.submission-form-panel select,.submission-form-panel textarea{width:100%;min-width:0;border:1px solid #e6dce9;border-radius:9px;background:#fffcf8;padding:12px;font:400 13px Outfit,Arial,sans-serif;color:#80638e;line-height:1.6}.submission-form-panel input::placeholder,.submission-form-panel textarea::placeholder{color:#c0b0c9}.submission-form-panel textarea{resize:vertical}.submission-form-panel label small{font-size:10px;color:#b19abe;line-height:1.7}.submission-form-panel .form-checkbox{display:flex;flex-direction:row;gap:11px;align-items:start;font-size:11px;line-height:1.8;margin-block:5px 19px}.form-checkbox input{accent-color:#8b70ae;width:16px;height:16px;flex-shrink:0;margin-top:3px}.form-privacy{font-size:11px;color:#b39dbd;line-height:1.8;margin:0 0 22px}.form-status{font-size:12px;color:#8c6b9f;line-height:1.8}.submission-form-panel [hidden]{display:none!important}#submission-review .story-category{margin-bottom:22px}#application-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#fbf7f1;padding:22px;border:1px solid #eee4d7;border-radius:12px;font:400 12px/1.9 Outfit,Arial,sans-serif;color:#9a839f;max-height:540px;overflow:auto}.review-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:25px 0}.review-actions button{background:none;border:0;color:#a085b3;font:inherit;font-size:12px;cursor:pointer}
.home-reading{border-top:1px solid #e9dfd4;margin-top:45px;padding-top:35px}.developer-invite{background:#f0e9f9;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 32px;margin:35px 0}.developer-invite h2{font-size:24px;font-weight:500;letter-spacing:-.5px;color:#806292;margin:0 0 7px}.developer-invite p{font-size:13px;color:#a087b1;margin:0;line-height:1.7}.developer-invite>a{flex-shrink:0;color:#8d6da6;font-size:13px}.home-story-grid .story-card>a{min-height:270px}.home-reading .section-title h2{font-size:25px}
@media(max-width:1000px){.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 225px}.story-card>a{padding:22px}.story-card h3{font-size:21px}.submission-layout{gap:25px;grid-template-columns:270px minmax(0,1fr)}.submission-form-panel{padding:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:800px){.story-grid,.home-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:24px}.article-sidebar{position:static;order:-1;border-bottom:1px solid #e9dfd4;padding-bottom:22px}.article-sidebar nav{display:none}.article-sidebar>.eyebrow:first-child{display:none}.article-sidebar .connected-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.article-sidebar .connected-tools img{width:25px;height:25px}.connected-tools>a{gap:7px;padding:10px}.connected-tools>a>span:last-child{display:none}.submission-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.listing-plan{padding:24px}.blog-controls{display:block}.blog-search input{width:100%;margin-top:17px}.editorial-note{display:block}.editorial-note p{margin-top:9px}.editorial-note a{display:inline-block;margin-top:13px}.content-hero h1{font-size:55px}.content-page .site-nav{height:auto;min-height:75px;gap:20px;flex-wrap:wrap;padding-block:20px}.content-page .site-nav .brand{font-size:21px}.content-page .site-nav nav{gap:20px}}
@media(max-width:600px){.content-page .wrap{width:calc(100% - 40px)}.content-page .site-nav nav{width:100%;justify-content:space-between;gap:12px}.content-page .site-nav nav a{font-size:12px}.content-hero{padding:37px 0 31px}.content-hero h1{font-size:43px;letter-spacing:-1.6px}.content-hero>p{font-size:14px;max-width:300px}.content-hero .eyebrow{font-size:8px}.story-grid,.home-story-grid{grid-template-columns:1fr;gap:16px}.story-card>a{min-height:245px;padding:24px}.story-card h3{font-size:23px}.story-card p{font-size:13px}.blog-filters{gap:2px}.blog-filters button{font-size:11px;padding:8px 10px}.article-header h1{font-size:35px;line-height:1.15;letter-spacing:-1px}.article-deck{font-size:15px}.article-byline{font-size:10px;gap:5px}.breadcrumbs{margin:20px 0 29px;font-size:11px}.prose{font-size:15px;line-height:1.9}.prose h2{font-size:25px}.quick-answer{padding:22px}.quick-answer p{font-size:15px}.article-sidebar .connected-tools{grid-template-columns:1fr 1fr}.table-scroll table{font-size:12px}.table-scroll th,.table-scroll td{padding:13px}.related-reading{margin-top:38px}.section-title{align-items:start;gap:15px}.section-title h2{font-size:23px}.section-title>a{font-size:11px;white-space:nowrap;padding-top:4px}.content-footer{margin-top:42px;gap:18px}.content-footer>div{gap:16px;flex-wrap:wrap;font-size:11px}.tool-header h1{font-size:45px}.tool-facts{gap:16px}.tool-facts strong{font-size:22px}.tool-facts small{font-size:10px}.tool-facts span{font-size:10px}.policy-main{margin:35px auto}.policy-main h1{font-size:38px;letter-spacing:-1px}.submission-layout{grid-template-columns:1fr}.listing-plan{position:static;padding:25px}.plan-price{font-size:61px}.listing-plan>ul{display:grid;grid-template-columns:1fr 1fr;column-gap:13px;padding:10px 0 18px}.listing-plan li{font-size:11px;line-height:1.7}.listing-plan li:before{margin-right:6px}.submission-form-panel{padding:24px 20px}.submission-form-panel h2{font-size:25px}.form-row{grid-template-columns:1fr}.developer-invite{display:block;padding:24px}.developer-invite h2{font-size:22px}.developer-invite p{font-size:12px}.developer-invite>a{display:inline-block;margin-top:15px}.home-reading .section-title{display:block}.home-reading .section-title>a{display:inline-block;margin-top:14px}.home-reading .section-title h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}.story-card:hover{transform:none}}
.content-page{background:#fffcf5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.tool-index-card>a>img{object-fit:contain;margin-bottom:18px}.tool-index-card .story-category{font-size:8px}.tool-index-card .guide-price{display:flex;flex-direction:column;gap:5px;margin:auto 0 20px;padding-top:13px;border-top:1px solid #eee5db}.guide-price strong{font-size:16px;font-weight:500;color:#89649f}.guide-price small{font-size:11px;line-height:1.6;color:#ae97bb}

.prose ol{padding-left:22px}.prompt-example{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f0fa;border:1px solid #e5d9ec;border-radius:14px;padding:24px;font-size:14px;line-height:1.8;color:#725a82}.prompt-example code{font:inherit}