/* Issue.coffee: product-specific components built on the shared Suite.coffee system. */
.issue-hero{padding-block:82px 74px}.issue-hero .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:58px}.issue-hero .hero-copy h1{font-size:clamp(48px,5.2vw,72px)}.issue-reassurance{margin:24px 0 0;color:var(--muted);font-size:13px;font-weight:700;display:flex;align-items:flex-start;gap:9px}.issue-reassurance i{margin-top:4px;color:var(--sage)}
.issue-inbox{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 26px 70px rgba(23,42,53,.14);transform:rotate(1deg)}.issue-inbox:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--coffee),#f1a58e,var(--sage))}.issue-inbox>header{min-height:86px;padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.issue-inbox>header>div{min-width:0;display:flex;align-items:center;gap:12px}.issue-inbox>header>div>span{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-inbox>header div div{min-width:0;display:grid}.issue-inbox>header strong,.issue-inbox>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-inbox>header small{color:var(--muted);font-size:11px}.issue-inbox>header>b{padding:6px 10px;border-radius:999px;background:#e9f5f1;color:#397168;font-size:10px}.issue-tabs{padding:14px 18px 0;display:flex;gap:7px}.issue-tabs span{padding:7px 10px;border-radius:8px;color:var(--muted);font-size:10px;font-weight:800}.issue-tabs span.active{background:var(--apricot-soft);color:var(--coffee-dark)}.issue-list{padding:12px 18px 18px;display:grid;gap:8px}.issue-list article{min-width:0;padding:14px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:10px;box-shadow:0 3px 12px rgba(23,42,53,.035)}.issue-list article:hover{border-color:#edb9ab}.issue-priority{width:7px;height:34px;border-radius:99px;background:#8ba09d}.issue-priority.urgent{background:#d85c50}.issue-priority.high{background:#e8a14b}.issue-list article>div{min-width:0;display:grid}.issue-list article strong,.issue-list article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-list article strong{font-size:12px}.issue-list article small{color:var(--muted);font-size:9px}.issue-owner{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.issue-owner i{color:var(--coffee)}.issue-list article>b{min-width:55px;padding:5px 7px;border-radius:7px;text-align:center;font-size:9px}.issue-list .is-due{background:#fff0ed;color:#b84938}.issue-list .is-safe{background:#edf6f3;color:#397168}
.issue-benefits{border-block:1px solid var(--line);background:#fff}.issue-benefits>.container-xl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.issue-benefits article{min-width:0;padding:24px 30px;display:flex;align-items:center;gap:14px}.issue-benefits article+article{border-inline-start:1px solid var(--line)}.issue-benefits article>i{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-benefits article div{min-width:0;display:grid}.issue-benefits strong{font-size:13px}.issue-benefits span{color:var(--muted);font-size:11px}
.issue-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center}.issue-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.issue-problems span{min-height:116px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--cream);font-size:13px;font-weight:750;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.issue-problems i{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--coffee);display:grid;place-items:center}.issue-centered{max-width:760px;margin-inline:auto;text-align:center}.issue-centered .eyebrow{justify-content:center}.issue-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}.issue-feature-grid article{min-height:255px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(23,42,53,.04)}.issue-feature-grid article>span,.issue-deep-grid a>span,.issue-plan-rules article>span{width:48px;height:48px;border-radius:14px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-feature-grid h2,.issue-feature-grid h3{margin:42px 0 10px;font-size:20px;line-height:1.3;letter-spacing:-.025em}.issue-feature-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.issue-section-link{text-align:center;margin:34px 0 0}
.issue-dark{background:#10232d;color:#eaf0f1}.issue-dark .eyebrow{color:var(--apricot)}.issue-dark h2{max-width:620px;margin:0;font-size:clamp(38px,4.5vw,61px);line-height:1.03;letter-spacing:-.055em}.issue-dark p{color:#aebcc1}.issue-conversation-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:80px;align-items:center}.issue-check-list{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:12px}.issue-check-list li{display:flex;gap:10px;color:#dbe4e6;font-size:14px;font-weight:700}.issue-check-list i{color:#7eb6aa}.issue-thread{padding:18px;border:1px solid #31505d;border-radius:24px;background:#17303c;display:grid;gap:12px;box-shadow:0 24px 55px rgba(0,0,0,.2)}.issue-thread article{padding:16px 18px;border-radius:14px;background:#fff;color:var(--ink)}.issue-thread article.internal{border:1px solid #e7c981;background:#fff7df}.issue-thread article.public{border:1px solid #abd1c8;background:#eef8f5}.issue-thread header{display:flex;justify-content:space-between;gap:14px}.issue-thread header span{display:flex;align-items:center;gap:8px}.issue-thread header i{color:var(--coffee)}.issue-thread .internal header i{color:#b18723}.issue-thread .public header i{color:#397168}.issue-thread header strong{font-size:11px}.issue-thread header small{color:var(--muted);font-size:9px}.issue-thread article p{margin:9px 0 0;color:#41525a;font-size:12px;line-height:1.55}
.sla-board{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.sla-board>header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.sla-board>header span{color:var(--sage);font-size:10px;font-weight:800}.sla-board article{padding:18px 20px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px}.sla-board article+article{border-top:1px solid var(--line)}.sla-board article>span{width:40px;height:40px;border-radius:12px;background:var(--cream);color:var(--coffee);display:grid;place-items:center}.sla-board article div{display:grid}.sla-board article strong{font-size:12px}.sla-board article small{color:var(--muted);font-size:10px}.sla-board article>b{padding:6px 8px;border-radius:8px;font-size:10px}.sla-board .danger{background:#fff0ed;color:#b84938}.sla-board .warning{background:#fff5e5;color:#9b681e}.sla-board .paused{background:#eef1f2;color:#60747b}.issue-inline-points{margin-top:28px;display:grid;gap:11px}.issue-inline-points span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.issue-inline-points i{color:var(--sage)}.issue-more{margin-top:28px}
.issue-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:46px}.issue-process-grid article{position:relative;min-height:220px;padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.issue-process-grid article>b{color:var(--coffee);font-size:12px}.issue-process-grid article>i{position:absolute;top:25px;right:20px;color:#c8cbca;font-size:11px}.issue-process-grid article:last-child>i{display:none}.issue-process-grid h3{margin:67px 0 8px;font-size:18px}.issue-process-grid p{margin:0;color:var(--muted);font-size:12px}.issue-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}.issue-audience-grid>a{min-height:285px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:.2s}.issue-audience-grid>a:hover{transform:translateY(-4px);border-color:#e7ad9d;box-shadow:var(--shadow)}.issue-audience-grid>a>i{width:46px;height:46px;border-radius:14px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-audience-grid h3{margin:44px 0 10px;font-size:20px}.issue-audience-grid p{margin:0;color:var(--muted);font-size:13px}.issue-audience-grid a>span{margin-top:auto;padding-top:22px;color:var(--coffee-dark);font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px}
.issue-free{background:linear-gradient(135deg,#f9e9e3,#f7f6f2 58%,#eaf3f1)}.issue-free-card{padding:45px 48px;border:1px solid rgba(23,42,53,.12);border-radius:28px;background:rgba(255,255,255,.88);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:60px;box-shadow:var(--shadow)}.issue-free-card h2{max-width:720px;margin:0;font-size:clamp(34px,4vw,55px);line-height:1.04;letter-spacing:-.05em}.issue-free-card>div>p:not(.eyebrow){max-width:680px;color:var(--muted)}.issue-free-action{min-width:225px;text-align:center;display:flex;flex-direction:column;align-items:center}.issue-free-action>strong{font-size:54px;line-height:1}.issue-free-action>small{margin:7px 0 20px;color:var(--muted)}.issue-free-action>a:last-child{margin-top:15px;color:var(--coffee-dark);font-size:11px;font-weight:800}.issue-faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);gap:80px;align-items:start}.issue-accordion{border-top:1px solid var(--line)}.issue-accordion details{border-bottom:1px solid var(--line)}.issue-accordion summary{padding:23px 4px;cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between;gap:20px}.issue-accordion summary::-webkit-details-marker{display:none}.issue-accordion summary i{margin-top:4px;color:var(--coffee);font-size:11px;transition:transform .2s}.issue-accordion details[open] summary i{transform:rotate(45deg)}.issue-accordion details p{margin:-8px 36px 23px 4px;color:var(--muted);font-size:14px}.issue-final-cta{padding:48px 0;background:#172a35;color:#fff}.issue-final-cta>.container-xl{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:24px}.issue-final-cta>.container-xl>span{width:56px;height:56px;border-radius:17px;background:#294653;color:var(--apricot);display:grid;place-items:center;font-size:20px}.issue-final-cta h2{margin:0;font-size:27px;letter-spacing:-.035em}.issue-final-cta p{margin:4px 0 0;color:#aebcc1;font-size:13px}
.issue-page-hero{padding:84px 0 70px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--cream),#fff 70%)}.issue-page-hero h1{max-width:920px;margin:0;font-size:clamp(48px,6.5vw,78px);line-height:1;letter-spacing:-.06em}.issue-page-hero .container-xl>p:not(.eyebrow){max-width:780px;margin:25px 0 0;color:var(--muted);font-size:18px}.issue-feature-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.issue-feature-grid.wide article{min-height:275px}.issue-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px}.issue-deep-grid a{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:15px}.issue-deep-grid h3{margin:0;font-size:17px}.issue-deep-grid p{margin:4px 0 0;color:var(--muted);font-size:12px}.issue-deep-grid a>i{color:var(--coffee)}
.issue-how-grid{display:grid;gap:0}.issue-how-grid article{padding:30px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 58px minmax(0,1fr);align-items:center;gap:22px}.issue-how-grid article:first-child{border-top:1px solid var(--line)}.issue-how-grid article>b{color:var(--coffee);font-size:13px}.issue-how-grid article>span{width:56px;height:56px;border-radius:17px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-how-grid h2{margin:0;font-size:25px}.issue-how-grid p{margin:5px 0 0;color:var(--muted)}.issue-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.issue-journey-grid article{padding:36px;border:1px solid var(--line);border-radius:23px;background:#fff}.issue-journey-grid article>span{width:52px;height:52px;border-radius:15px;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center}.issue-journey-grid h2{margin:30px 0 22px;font-size:28px}.issue-journey-grid ol{margin:0;padding-left:20px;display:grid;gap:12px;color:var(--muted)}
.issue-plans-hero{text-align:center}.issue-plans-hero h1,.issue-plans-hero .container-xl>p{margin-inline:auto}.issue-plans-hero .eyebrow{justify-content:center}.issue-plan-summary{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.issue-plan-summary span{display:flex;gap:8px;font-size:12px;font-weight:750}.issue-plan-summary i{color:var(--sage)}.issue-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.issue-plan-grid article{position:relative;padding:28px 23px;border:1px solid var(--line);border-radius:21px;background:#fff;display:flex;flex-direction:column}.issue-plan-grid article.is-popular{border:2px solid var(--coffee);box-shadow:0 18px 50px rgba(229,119,91,.16)}.issue-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 11px;border-radius:999px;background:var(--coffee);color:#fff;font-size:9px;font-weight:900;white-space:nowrap}.issue-plan-grid h2{margin:4px 0 17px;font-size:23px}.issue-price{margin:0 0 20px}.issue-price strong{font-size:34px;letter-spacing:-.045em}.issue-price small{color:var(--muted)}.issue-plan-grid article>p:not(.issue-price){min-height:70px;color:var(--muted);font-size:12px}.issue-plan-grid ul{margin:12px 0 25px;padding:19px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:12px}.issue-plan-grid li{font-size:11px}.issue-plan-grid li i{width:20px;color:var(--coffee)}.issue-plan-button{min-height:48px;margin-top:auto;padding:11px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.issue-plan-grid .btn-coffee{margin-top:auto;font-size:12px}.issue-plan-note{margin:24px 0 0;color:var(--muted);font-size:12px;text-align:center}.issue-plan-note i{margin-right:7px;color:var(--coffee)}.issue-plan-heading{max-width:760px;margin-bottom:36px}.issue-plan-table-wrap{border:1px solid var(--line);border-radius:18px;background:#fff}.issue-plan-table th,.issue-plan-table td{padding:17px 18px;border-color:var(--line);font-size:12px;text-align:center;white-space:nowrap}.issue-plan-table th:first-child{text-align:left}.issue-plan-table thead th{background:#172a35;color:#fff}.issue-plan-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.issue-plan-rules article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;gap:16px}.issue-plan-rules article>span{flex:0 0 48px}.issue-plan-rules h3{margin:2px 0 8px;font-size:17px}.issue-plan-rules p{margin:0;color:var(--muted);font-size:12px}
.issue-seo-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:70px}.issue-seo-icon{position:relative;width:190px;height:190px;border:1px solid #ebc0b5;border-radius:50%;background:var(--apricot-soft);color:var(--coffee);display:grid;place-items:center;font-size:68px;box-shadow:0 25px 60px rgba(229,119,91,.14)}.issue-seo-icon>span{position:absolute;right:10px;bottom:12px;width:45px;height:45px;border:6px solid #fff;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:14px}.issue-seo-sections{display:grid;gap:0}.issue-seo-sections>article{padding:42px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px minmax(0,1fr);gap:25px}.issue-seo-sections>article:first-child{border-top:1px solid var(--line)}.issue-seo-sections>article>span{width:48px;height:48px;border-radius:15px;background:var(--apricot-soft);color:var(--coffee);font-size:12px;font-weight:900;display:grid;place-items:center}.issue-seo-sections h2{margin:0;font-size:30px}.issue-seo-sections p{max-width:820px;margin:9px 0 20px;color:var(--muted)}.issue-seo-sections ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px}.issue-seo-sections li{font-size:12px;font-weight:750}.issue-seo-sections li i{margin-right:7px;color:var(--sage)}.issue-seo-faq{display:grid;grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr);gap:70px}.issue-seo-faq .section-heading h2{font-size:42px}.site-footer .footer-grid{grid-template-columns:minmax(230px,1.45fr) repeat(3,minmax(140px,.65fr))}
.issue-page-hero h1{font-weight:820}
@media(max-width:1050px){.issue-hero .hero-grid{grid-template-columns:1fr 1fr;gap:34px}.issue-hero .hero-copy h1{font-size:51px}.issue-conversation-layout{gap:42px}.issue-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.issue-process-grid article:nth-child(3)>i{display:none}.issue-audience-grid,.issue-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:820px){.issue-hero .hero-grid,.issue-split,.issue-conversation-layout,.issue-faq-layout,.issue-seo-faq{grid-template-columns:1fr}.issue-inbox{transform:none}.issue-benefits>.container-xl{grid-template-columns:1fr}.issue-benefits article+article{border-inline-start:0;border-top:1px solid var(--line)}.issue-conversation-layout{gap:45px}.issue-feature-grid,.issue-feature-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-process-grid article:nth-child(2n)>i{display:none}.issue-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-free-card{grid-template-columns:1fr}.issue-free-action{align-items:flex-start;text-align:left}.issue-final-cta>.container-xl{grid-template-columns:58px 1fr}.issue-final-cta .btn-coffee{grid-column:1/-1}.issue-deep-grid,.issue-journey-grid{grid-template-columns:1fr}.issue-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-plan-rules{grid-template-columns:1fr}.issue-seo-hero-grid{grid-template-columns:1fr}.issue-seo-icon{display:none}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.issue-hero{padding-block:55px}.issue-hero .hero-copy h1{font-size:46px}.issue-inbox>header{padding-inline:15px}.issue-tabs{overflow-x:auto}.issue-list{padding-inline:12px}.issue-list article{grid-template-columns:8px minmax(0,1fr) auto}.issue-owner{display:none}.issue-feature-grid,.issue-feature-grid.wide,.issue-problems,.issue-process-grid,.issue-audience-grid,.issue-plan-grid{grid-template-columns:1fr}.issue-process-grid article>i{display:none}.issue-feature-grid article{min-height:230px}.issue-free-card{padding:30px 24px}.issue-final-cta>.container-xl{grid-template-columns:1fr;text-align:center}.issue-final-cta>.container-xl>span{margin:auto}.issue-final-cta .btn-coffee{grid-column:auto}.issue-how-grid article{grid-template-columns:40px minmax(0,1fr)}.issue-how-grid article>span{display:none}.issue-how-grid h2{font-size:21px}.issue-seo-sections>article{grid-template-columns:1fr}.issue-seo-sections ul{display:grid}.issue-plan-table th,.issue-plan-table td{padding:14px 12px}.site-footer .footer-grid{grid-template-columns:1fr}.site-footer .footer-brand{grid-column:auto}}
