/* Quely marketing system takes priority over generic Taste Skill house rules.
   Keep the live site's paper, ink linework, offset shadows, highlights and layered scenes. */
.jira-context-page {
  --paper:#ECE7F2; --paper-2:#E3DAED; --card:#FBF9FD; --ink:#1A1611;
  --ink-2:#514757; --purple:#5C28A4; --peri:#9385E6; --peri-soft:#C9C1F2;
  --amber:#F5A623; --maxw:1440px; --pad:clamp(20px,4.45vw,64px);
  background:var(--paper); color:var(--ink); font-family:var(--font-product);
}
.jira-context-page main { width:min(1440px,100%); margin-inline:auto; padding-inline:var(--pad); }
.jira-context-page .site-shell {--maxw:1440px;--pad:clamp(20px,4.45vw,64px);}
.jira-context-page main > section { position:relative; }
.jira-context-page h1,.jira-context-page h2,.jira-context-page h3 { font-family:var(--font-marketing); font-weight:600; letter-spacing:-.045em; text-wrap:balance; }
.jira-context-page h1 { font-size:clamp(42px,4.25vw,62px); line-height:1.06; margin:0; }
.jira-context-page h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.08; margin:0; }
.jira-skip { position:absolute;top:-80px;left:20px;z-index:100;padding:12px;background:var(--ink);color:var(--paper); }
.jira-skip:focus {top:10px;}
.qj-section-label { font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin:0 0 24px; }
.qj-hero {display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:center;padding:32px 0 54px;}
.qj-lead {font-size:19px;line-height:1.6;color:var(--ink-2);max-width:44ch;margin:28px 0 0;}
.qj-actions {display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;}
.jira-context-page .qj-primary-cta {border:2px solid var(--ink);border-radius:0;background:var(--peri);color:var(--ink);box-shadow:4px 4px 0 var(--ink);height:50px;padding:0 22px;font:600 15px var(--font-product);text-decoration:none;}
.jira-context-page .qj-primary-cta:hover {background:var(--peri-soft);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);}
.qj-text-link {font-size:14px;font-weight:600;color:var(--ink);text-underline-offset:5px;}
.qj-note {max-width:47ch;margin-top:24px;font-size:12px;line-height:1.5;color:var(--ink-2);}
/* Source cards retain the recognizable structure of their own apps. */
.qj-context-scene {position:relative;min-height:710px;isolation:isolate;}
.qj-context-scene::before {content:"";position:absolute;inset:7% 0 5%;z-index:-1;border:1px solid #b6a3ca;background:radial-gradient(ellipse at center,#d0bce880,transparent 65%),linear-gradient(#81699a14 1px,transparent 1px),linear-gradient(90deg,#81699a14 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;transform:rotate(-2deg);}
.qj-scene-caption {position:absolute;top:0;left:16px;display:flex;align-items:center;gap:9px;font:11px var(--font-mono);color:var(--purple);}
.qj-scene-dot {width:7px;height:7px;border-radius:50%;background:var(--purple);}
.qj-context-paths {position:absolute;width:100%;height:100%;inset:0;overflow:visible;}
.qj-context-paths path {fill:none;stroke:var(--purple);stroke-width:2;stroke-dasharray:5 7;opacity:.55;}
.qj-context-source {position:absolute;z-index:3;display:block;width:44%;text-align:left;appearance:none;font:12px/1.4 var(--font-product);color:#172b4d;background:white;border:1px solid #c9cbd2;border-radius:8px;padding:0;overflow:hidden;box-shadow:3px 5px 0 #b6a3ca80;cursor:pointer;transition:transform .3s ease,box-shadow .2s ease;}
.qj-context-source[aria-pressed=true] {box-shadow:0 0 0 2px var(--peri),4px 6px 0 #8a70ac66;}
.qj-source-slack {top:42px;left:0;transform:rotate(-3deg);color:#1d1c1d;}
.qj-slack-header {display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f4fa;border-bottom:1px solid #e4dce7;font-size:11px;}
.qj-slack-header img {width:17px;height:17px;}.qj-slack-header > span {margin-left:auto;font-size:18px;}
.qj-slack-message {display:flex;gap:8px;padding:12px;}
.qj-slack-message > img {width:27px;height:27px;border-radius:5px;flex:none;object-fit:cover;background:#efe5f6;}
.qj-slack-message > span {min-width:0;}
.qj-slack-author {display:block;font-size:12px;font-weight:700;}
.qj-slack-author small {font-size:9px;font-weight:400;color:#6c6870;margin-left:6px;}
.qj-source-message {display:block;font-size:12px;line-height:1.5;margin-top:4px;}
.qj-slack-reply {display:block;font-size:10px;color:#1264a3;font-weight:600;margin-top:8px;}
.qj-slack-reply > span {font-weight:400;color:#77707b;margin-left:4px;font-size:9px;}
.qj-source-tag {display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font:500 10px/1.3 var(--font-product);border-radius:4px;}
.qj-source-slack > .qj-source-tag {margin:0 12px 12px 47px;}
.qj-tag-decision {background:#ecfdf5;color:#047857;}
.qj-tag-action {background:#eff6ff;color:#1d4ed8;}
.qj-tag-risk {background:#fef2f2;color:#b91c1c;}
.qj-tag-question {background:#f5f3ff;color:#6d28d9;}
.qj-source-meeting {top:63px;right:0;transform:rotate(3deg);background:#202124;border-color:#3c4043;color:#e8eaed;width:43%;}
.qj-meet-header {display:flex;align-items:center;gap:7px;padding:10px 11px;font-size:10px;}
.qj-meet-header img {width:17px;height:17px;}
.qj-recorded-dot {margin-left:auto;width:6px;height:6px;border-radius:50%;background:#ea4335;}
.qj-meet-people {display:flex;gap:5px;padding:0 10px;}
.qj-meet-people > span {display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:65px;gap:5px;border-radius:5px;background:#3c4043;}
.qj-meet-people img {width:29px;height:29px;border-radius:50%;}
.qj-meet-people small {font-size:8px;line-height:1;}
.qj-meet-people .qj-meet-orbit {background:#41324f;}
.qj-meet-controls {display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;}
.qj-meet-controls > span {display:grid;place-items:center;background:#3c4043;width:25px;height:20px;border-radius:12px;font-size:10px;}
.qj-meet-controls .qj-hangup {background:#ea4335;width:31px;color:white;}
.qj-meet-controls small {margin-left:auto;font-size:9px;}
.qj-meet-controls svg {width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.qj-meet-excerpt {display:block;padding:8px 12px 0;border-top:1px solid #3c4043;font-size:11px;line-height:1.4;}
.qj-source-meeting .qj-source-tag {margin:7px 12px 10px;background:#143c2b;color:#a7f3d0;}
.qj-scene-work {position:absolute;z-index:4;top:251px;left:15%;width:67%;padding:0 17px 15px;background:#fff;border:1px solid #c7d1de;border-radius:7px;box-shadow:5px 6px 0 #9385e680;color:#172b4d;font-family:var(--font-product);}
.qj-jira-toolbar {display:flex;align-items:center;gap:8px;margin:0 -17px 14px;padding:11px 17px;border-bottom:1px solid #dfe1e6;background:#f7f8fa;font-size:10px;color:#44546f;border-radius:7px 7px 0 0;}
.qj-jira-toolbar img {width:17px;height:17px;}.qj-jira-toolbar > span:last-child {margin-left:auto;}
.qj-jira-type {display:flex;align-items:center;gap:6px;font-size:10px;color:#44546f;}
.qj-jira-type > span:first-child {display:grid;place-items:center;width:13px;height:13px;background:#4bce97;color:#164b35;border-radius:2px;font-size:9px;}
.qj-jira-type .qj-jira-status {margin-left:auto;background:#deebff;color:#0052cc;padding:3px 7px;border-radius:3px;font-size:10px;}
.jira-context-page .qj-scene-work h2 {font:600 21px/1.2 var(--font-product);letter-spacing:-.025em;margin:10px 0 12px;color:#172b4d;text-wrap:pretty;}
.qj-jira-actions {display:flex;gap:6px;}
.qj-jira-actions span {padding:4px 6px;background:#f1f2f4;color:#44546f;font-size:9px;border-radius:3px;}
.jira-context-page .qj-scene-work p {font:12px/1.5 var(--font-product);color:#44546f;margin:12px 0;}
.qj-jira-assignee {display:flex;align-items:center;gap:7px;font-size:10px;color:#626f86;}
.qj-jira-assignee img {width:18px;height:18px;border-radius:50%;}.qj-jira-assignee b {font-weight:500;color:#172b4d;}
.qj-jira-assignee .qj-priority {margin-left:auto;color:#a54800;}
.qj-source-doc {top:493px;left:0;width:39%;transform:rotate(-3deg);background:#f8fafd;color:#202124;}
.qj-doc-toolbar {display:flex;align-items:center;gap:7px;background:#edf2fa;padding:11px 10px;}
.qj-doc-toolbar img {width:22px;height:22px;}.qj-doc-toolbar b {display:block;font-size:10px;font-weight:500;}
.qj-doc-toolbar small {display:block;font-size:8px;color:#5f6368;margin-top:4px;}
.qj-doc-paper {display:block;background:white;margin:9px;padding:15px 12px 12px;border:1px solid #dadce0;}
.qj-doc-paper strong {display:block;font:600 13px/1.3 var(--font-product);margin:0 0 10px;}
.qj-doc-paper > span {display:block;font-size:10px;line-height:1.5;}
.qj-doc-paper .qj-doc-comment {background:#fff5d1;border-left:2px solid #f9ab00;padding:6px;margin-top:9px;font-size:9px;color:#765411;}
.qj-orbit-answer {position:absolute;z-index:5;top:484px;right:-2px;width:57%;box-shadow:4px 5px 0 #9385e680;border:1px solid #d4c4ea;border-radius:9px;overflow:hidden;}
.qj-native-chat {display:flex;flex-direction:column;background:#fff;color:#111827;font-family:var(--font-product);text-align:left;}
.qj-chat-head {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;background:#f4eefd;border-bottom:1px solid #e8ddf5;font-size:10px;line-height:1.2;}
.qj-chat-head > span:first-child {background:#eadcfb;padding:5px 6px;border-radius:5px;color:#4b3a66;}
.qj-chat-head > span:last-child {display:flex;align-items:center;gap:5px;background:white;border-radius:5px;padding:4px 6px;color:#111827;font-weight:600;}
.qj-chat-head img {width:20px;height:20px;object-fit:contain;}
.qj-chat-content {padding:13px 11px;flex:1;}
.qj-chat-user {background:#5c28a4;color:white;margin:0 0 14px auto;padding:8px 10px;border-radius:10px 10px 2px 10px;max-width:88%;font-size:11px;line-height:1.4;}
.qj-chat-reply {display:flex;gap:7px;align-items:start;}
.qj-chat-reply > img {width:24px;height:24px;object-fit:contain;flex:none;border-radius:6px;background:#f3ecfb;padding:2px;}
.qj-chat-reply > div {min-width:0;flex:1;}
.qj-chat-reply b {display:block;font-size:10px;font-weight:600;}
.jira-context-page .qj-chat-reply p {font-size:11px;line-height:1.5;color:#374151;margin:5px 0 9px;}
.qj-chat-source {display:inline-block;border:1px solid #e5e7eb;border-radius:4px;padding:3px 5px;font-size:9px;color:#5c28a4;background:#faf8fd;margin:0 4px 4px 0;}
.qj-chat-composer {padding:8px 10px;border-top:1px solid #eee6f7;background:#fff;}
.qj-chat-composer > span {display:flex;gap:7px;font-size:9px;color:#665475;}
.qj-chat-composer > span > span {color:#5c28a4;background:#f4eefd;padding:1px 5px;border-radius:3px;}
.qj-chat-composer > div {display:flex;align-items:center;justify-content:space-between;color:#6b7280;font-size:11px;margin-top:7px;}
.qj-chat-composer > div > span {color:white;background:#111827;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:9px;}
.qj-example-caption {position:absolute;bottom:-24px;left:0;font-size:10px;color:var(--ink-2);}
.qj-connected-view {padding:85px 0 90px;border-top:2px solid var(--ink);}
.qj-section-heading {display:grid;grid-template-columns:1fr 1fr;gap:0 70px;align-items:end;margin-bottom:42px;}
.qj-section-heading .qj-section-label {grid-column:1/-1;}
.qj-section-heading > p:last-child {font-size:17px;line-height:1.6;color:var(--ink-2);max-width:46ch;margin:0;}
/* Simplified native workspace from the saved Work, Lenses and Orbit Chat screens. */
.qj-native-shell {display:flex;background:#fff;border:1px solid #d7d0e1;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -25px #29133d66,0 0 0 1px #70508b22;color:#111827;font:13px/1.5 var(--font-product);}
.qj-app-rail {display:flex;flex:0 0 48px;flex-direction:column;align-items:center;gap:14px;padding:14px 0;background:#fafbfc;border-right:1px solid #e5e7eb;color:#6b7280;}
.qj-app-rail > img:first-child {width:27px;height:27px;}
.qj-app-rail > span {display:grid;place-items:center;width:33px;height:30px;font-size:21px;line-height:1;border-radius:6px;}
.qj-app-rail > .qj-rail-org {width:25px;height:25px;background:#5c28a4;color:white;border-radius:50%;font-size:11px;}
.qj-app-rail .is-active {background:#eee7fb;color:#5c28a4;position:relative;}
.qj-app-rail .is-active::before {content:"";position:absolute;left:-7px;top:5px;height:20px;width:3px;border-radius:3px;background:#7c5cfc;}
.qj-app-rail > small {writing-mode:vertical-rl;background:#e9af4c;color:#4a3211;padding:8px 3px;font-size:10px;margin-top:5px;}
.qj-app-rail .qj-rail-profile {width:25px;height:25px;border-radius:50%;margin-top:auto;}
.qj-native-main {flex:1;min-width:0;}
.qj-app-header {height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e5e7eb;font-size:11px;gap:12px;}
.qj-app-header i {font-style:normal;color:#c4c7ce;margin:0 9px;}
.qj-app-header-tools {display:flex;gap:10px;align-items:center;}
.qj-app-header-tools b {background:#e3d5f7;color:#6941ad;padding:4px 10px;border-radius:6px;font:12px var(--font-mono);font-weight:500;}
.qj-app-header-tools img {width:23px;height:23px;border-radius:50%;}
.qj-app-header-tools > span:first-of-type {border:1px solid #e5e7eb;border-radius:5px;padding:5px 8px;color:#374151;}
.qj-ui-body {display:grid;grid-template-columns:1fr 1fr;min-width:0;}
.qj-work-unit {position:relative;display:flex;flex-direction:column;background:#fafbfc;border-right:1px solid #e5e7eb;min-width:0;}
.qj-native-unit-bar {display:flex;align-items:center;gap:9px;padding:17px 20px;border-bottom:1px solid #e9eaf0;background:white;}
.qj-native-unit-bar > img:first-of-type {width:18px;height:18px;object-fit:contain;}
.qj-native-unit-bar strong {font-size:13px;font-weight:600;}
.qj-native-unit-bar > img:last-child {width:23px;height:23px;object-fit:cover;border-radius:50%;margin-left:auto;}
.qj-work-inner {padding:27px 24px;flex:1;}
.qj-unit-title-card {position:relative;padding:22px 16px 15px;border:1px solid #e0d8ee;border-radius:7px;background:#faf8ff;}
.qj-unit-kind {position:absolute;left:16px;top:-12px;padding:4px 8px;border:1px solid #e8e6ed;border-radius:5px;background:#fff;font-size:10px;color:#374151;}
.jira-context-page .qj-unit-title-card h2 {font:600 18px/1.3 var(--font-product);letter-spacing:-.02em;margin:0 0 13px;text-wrap:pretty;}
.qj-unit-title-card > div {display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#6b7280;}
.qj-unit-title-card img {width:16px;height:16px;border-radius:50%;}
.qj-work-state {background:#eaf0fe;color:#1d4ed8;padding:3px 5px;border-radius:4px;margin-left:auto;font-size:9px;}
.qj-unit-properties {display:flex;gap:17px;flex-wrap:wrap;margin:18px 0 20px;font-size:10px;color:#6b7280;}
.qj-unit-properties b {font-weight:400;background:#efebf7;color:#6b4ca5;padding:3px 5px;border-radius:3px;margin-left:5px;}
.jira-context-page .qj-unit-context h3 {font:600 12px var(--font-product);letter-spacing:0;margin:0 0 9px;color:#374151;}
.jira-context-page .qj-unit-context p {font-size:12px;line-height:1.65;margin:0;color:#4b5563;max-width:49ch;}
.qj-native-unit-tabs {display:flex;gap:22px;margin:27px 0 13px;border-bottom:1px solid #e5e7eb;font-size:11px;color:#6b7280;}
.qj-native-unit-tabs > span {padding-bottom:12px;}.qj-native-unit-tabs .is-active {border-bottom:2px solid #5c28a4;color:#5c28a4;}
.qj-native-unit-tabs b {padding:1px 5px;border-radius:5px;background:#eee7fa;font-size:9px;margin-left:3px;}
.qj-native-attachments {display:grid;gap:8px;}
.qj-native-attachments > div {display:flex;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e5e7eb;border-radius:6px;background:white;}
.qj-native-attachments img {width:20px;height:20px;object-fit:contain;}
.qj-native-attachments b {display:block;font-size:11px;font-weight:500;color:#374151;}
.qj-native-attachments small {display:block;font-size:9px;color:#6b7280;margin-top:3px;}
.qj-native-attachments > div > span:last-child {margin-left:auto;color:#9ca3af;}
.qj-native-bottom {display:flex;align-items:center;gap:16px;margin:0 12px 12px;background:#28282a;color:white;padding:9px 12px;border-radius:8px;font-size:10px;}
.qj-native-bottom b {padding:3px 9px;background:#535356;border-radius:4px;font-weight:400;flex:1;}
.qj-native-right {min-width:0;background:white;}
.qj-panel-switch {display:flex;align-items:center;gap:8px;padding:10px 15px;border-bottom:1px solid #e5e7eb;background:#fff;}
.qj-panel-switch button {display:flex;align-items:center;gap:6px;background:#f6f7f8;color:#6b7280;padding:6px 10px;border:1px solid transparent;border-radius:6px;font:11px var(--font-product);cursor:pointer;}
.qj-panel-switch button.is-active {background:#eee7fa;color:#5c28a4;border-color:#dbcef0;}
.qj-panel-switch b {padding:1px 4px;background:#e1d5f5;border-radius:4px;font-size:9px;}
.qj-panel-switch img {width:19px;height:19px;object-fit:contain;}
.qj-lens-panel {padding:18px 17px;}
.qj-lens-heading strong {display:flex;align-items:center;gap:6px;font:700 18px var(--font-product);}
.qj-lens-heading strong small {background:#f3f4f6;padding:2px 5px;border-radius:10px;font-size:10px;font-weight:400;color:#6b7280;}
.qj-ui-label {display:block;font-size:10px;color:#6b7280;margin-top:5px;}
.qj-lens-search {display:flex;gap:7px;margin:14px 0 12px;}
.qj-lens-search label {display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:7px 9px;color:#9ca3af;}
.qj-lens-search input {min-width:0;width:100%;border:0;background:transparent;font:11px var(--font-product);color:#374151;outline-offset:6px;}
.qj-lens-map {flex:none;font-size:10px;border:1px solid #e5e7eb;border-radius:6px;padding:7px 9px;color:#6b4bb0;background:#faf9fc;}
.qj-lens-tabs {display:flex;flex-wrap:wrap;gap:5px;margin-bottom:17px;}
.qj-lens-tabs button {display:flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;font:10px var(--font-product);border:1px solid transparent;border-radius:20px;color:#626a77;background:#f3f4f6;cursor:pointer;}
.qj-lens-tabs button.is-active {background:#f1edfd;border-color:#7c5cfc;color:#111827;}
.qj-lens-tabs button small {font-size:9px;color:#6b7280;}
.qj-lens-tabs i,.qj-lens-row-type i {display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;}
.dot-decision {background:#10b981;}.dot-action {background:#3b82f6;}.dot-risk {background:#ef4444;}.dot-question {background:#8b5cf6;}
.qj-lens-results {display:grid;gap:0;min-height:370px;align-content:start;}
.qj-lens-results article {display:block;border-bottom:1px solid #f1f2f4;padding:13px 0;}
.qj-lens-results article:first-child {padding-top:0;}
.qj-lens-row-type {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#374151;margin-bottom:8px;}
.qj-lens-row-type small {font-size:9px;color:#6b7280;font-weight:400;}
.qj-lens-results strong {display:block;font:400 12px/1.5 var(--font-product);color:#1f2937;}
.qj-lens-row-meta {display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#6b7280;margin-top:7px;}
.qj-lens-empty {font-size:12px;color:#6b7280;padding:30px 0;}
.qj-space-chat {min-height:562px;}
.qj-space-chat .qj-chat-head {font-size:12px;padding:11px 14px;}
.qj-space-chat .qj-chat-head img {width:24px;height:24px;}
.qj-space-chat .qj-chat-content {padding:24px 18px;}
.qj-space-chat .qj-chat-user {font-size:13px;margin-bottom:24px;}
.qj-space-chat .qj-chat-reply > img {width:28px;height:28px;}
.qj-space-chat .qj-chat-reply b {font-size:12px;}
.jira-context-page .qj-space-chat .qj-chat-reply p {font-size:13px;line-height:1.65;}
.qj-space-chat .qj-chat-source {font-size:10px;margin-top:6px;padding:5px 7px;}
.qj-space-chat .qj-chat-composer {padding:15px 17px;}
.qj-space-chat .qj-chat-composer > span {font-size:11px;}
.qj-space-chat .qj-chat-composer > div {font-size:13px;margin-top:15px;}
.qj-native-caption {font-size:11px;color:var(--ink-2);margin:18px 0 0;}
[data-quely-view][hidden],[data-lens-item][hidden],.qj-lens-empty[hidden] {display:none;}
.qj-gap {display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding:90px 0;border-top:1px solid #1a16112e;}
.qj-gap-copy {padding:30px;background:var(--card);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--peri-soft);transform:rotate(1deg);}
.qj-gap-copy p {font-size:17px;line-height:1.6;margin:0;color:var(--ink-2);}
.qj-gap-copy p+p {margin-top:18px;}
.qj-path {padding:85px 0;border-top:1px solid #1a16112e;}
.qj-path-head {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;}
.qj-path-head p {max-width:30ch;font-size:16px;color:var(--ink-2);}
.qj-path-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0;}
.qj-path-step a {color:inherit;text-decoration:underline;text-underline-offset:3px;}
.qj-comparison {padding:30px 0 90px;}
.qj-comparison > p {max-width:85ch;font-size:17px;line-height:1.65;color:var(--ink-2);}
.qj-comparison .qj-path-head h2,.qj-path .qj-path-head h2 {font-size:clamp(30px,3.4vw,46px);max-width:21ch;}
.qj-comparison-scroll {overflow-x:auto;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--peri-soft);margin-top:30px;background:var(--card);}
.qj-comparison table {width:100%;border-collapse:collapse;min-width:640px;text-align:left;}
.qj-comparison caption {text-align:left;padding:18px 22px;font:12px var(--font-mono);border-bottom:1.5px solid var(--ink);}
.qj-comparison th,.qj-comparison td {padding:22px;vertical-align:top;font-size:15px;line-height:1.6;border-bottom:1px solid #1a161133;}
.qj-comparison thead th {background:#282033;color:#fff;font-weight:600;}
.qj-comparison tbody th {width:23%;font-weight:600;}
.qj-comparison td {width:38.5%;}
.qj-comparison tbody tr:last-child > * {border-bottom:0;}
.qj-comparison tbody tr:nth-child(even) {background:#9385e60e;}
.qj-comparison a {color:inherit;text-underline-offset:3px;}
.qj-comparison > .qj-comparison-source {font-size:13px;line-height:1.65;margin-top:24px;}
.qj-comparison > .qj-table-hint {display:none;}
@media(max-width:700px) {.qj-comparison > .qj-table-hint {display:block;font-size:13px;}}
@media(max-width:700px) {.qj-comparison {padding-bottom:60px;}.qj-comparison th,.qj-comparison td {padding:16px;font-size:14px;}}
.qj-path-step {padding:24px 20px;background:var(--card);border:1.5px solid var(--ink);box-shadow:4px 4px 0 #b6a3ca;}
.qj-path-step > span {font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--purple);}
.qj-path-step h3 {font-size:23px;line-height:1.2;margin:35px 0 12px;}
.qj-path-step p {font-size:14px;line-height:1.6;color:var(--ink-2);}
.qj-path-step-dark {background:#24202d;color:white;}.qj-path-step-dark p {color:#d8cfe3;}.qj-path-step-dark > span {color:var(--peri-soft);}
.qj-path-step-accent {background:var(--peri-soft);}
.qj-questions {display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:65px;background:#282033;color:#f6f0fc;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--purple);margin:35px 0 90px;}
.qj-question-lead p {font-size:17px;color:#ddd2e9;line-height:1.6;}
.qj-question-rows {display:grid;gap:20px;align-content:center;}
.qj-question-rows div {padding-bottom:20px;border-bottom:1px solid #9385e650;}
.qj-question-rows span {font:10px var(--font-mono);color:var(--peri-soft);text-transform:uppercase;letter-spacing:.08em;}
.qj-question-rows strong {display:block;font-size:22px;line-height:1.3;margin-top:8px;font-weight:500;}
.qj-question-rows span {display:inline-block;font:500 11px var(--font-product);padding:5px 8px;border-radius:4px;letter-spacing:0;text-transform:none;}
.qj-question-rows > div:nth-child(1) > span {color:#047857;background:#ecfdf5;}
.qj-question-rows > div:nth-child(2) > span {color:#b91c1c;background:#fef2f2;}
.qj-question-rows > div:nth-child(3) > span {color:#6d28d9;background:#f5f3ff;}
.qj-boundary {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:30px 0 90px;}
.qj-boundary-copy p {font-size:17px;color:var(--ink-2);line-height:1.6;max-width:42ch;}
/* The record comparison shows one issue in both places, with different roles. */
.qj-record-comparison {padding:22px;background:var(--paper-2);border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--peri);}
.qj-record-jira,.qj-record-space {padding:18px;border:1px solid #d9dfe8;border-radius:7px;background:white;color:#172b4d;font:12px/1.5 var(--font-product);}
.qj-record-jira > div:first-child,.qj-record-space > div:first-child {display:flex;align-items:center;gap:8px;font-size:11px;}
.qj-record-jira img,.qj-record-space img {width:22px;height:22px;object-fit:contain;}
.qj-record-jira > div:first-child > span,.qj-record-space > div:first-child > span {margin-left:auto;font-size:10px;color:#6b7280;}
.jira-context-page .qj-record-comparison h3 {font:600 17px/1.3 var(--font-product);letter-spacing:-.02em;margin:13px 0;color:#172b4d;}
.qj-record-jira dl {display:flex;gap:35px;margin:0;}
.qj-record-jira dl div {display:block;}.qj-record-jira dt {font-size:10px;color:#6b7280;}
.qj-record-jira dd {margin:5px 0 0;font-size:11px;}
.qj-record-jira dl div:first-child dd {background:#deebff;color:#0052cc;padding:2px 6px;border-radius:3px;}
.jira-context-page .qj-record-jira p {font-size:10px;color:#6b7280;margin:13px 0 0;}
.qj-record-link {display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--purple);padding:9px 0 6px;font:10px var(--font-mono);}
.qj-record-link b {font-size:22px;line-height:1.1;font-weight:400;margin-top:4px;}
.qj-record-space {border-color:#cabbdf;}
.qj-record-space ul {list-style:none;padding:0;margin:0 0 13px;display:grid;gap:9px;font-size:11px;}
.qj-record-space li {display:flex;gap:7px;align-items:center;}
.qj-record-space li img {width:16px;height:16px;}
.qj-cta-mount {margin:12px calc(-1 * var(--pad)) 0;}
.qj-cta-mount .home-cta {position:relative;overflow:hidden;background:var(--purple-deep);color:var(--paper);border-top:2px solid var(--line);padding:76px 0 82px;}
.qj-cta-mount .home-cta .wrap {position:relative;z-index:1;}
.qj-cta-mount .founder-walkthrough {display:flex;align-items:center;justify-content:center;gap:16px;margin:28px auto 0;max-width:620px;text-align:left;}
.qj-cta-mount .founder-walkthrough img {width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--peri);flex-shrink:0;}
.qj-cta-mount .founder-walkthrough .lead {margin:0;font-size:18px;color:var(--paper);}
.qj-cta-mount .founder-title {margin:5px 0 0;font-size:13px;color:#ded0ed;}
.qj-cta-mount .home-cta-deco {position:absolute;inset:0;pointer-events:none;z-index:0;}
.qj-cta-mount .home-cta-deco .ring {position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px solid #c9c1f229;}
.qj-cta-mount .home-cta-deco .r1 {width:520px;height:520px;}
.qj-cta-mount .home-cta-deco .r2 {width:840px;height:840px;border-color:#c9c1f219;}
.qj-cta-mount .home-cta-deco .r3 {width:1180px;height:1180px;border-color:#c9c1f20f;}
.qj-cta-mount .reveal {opacity:1;transform:none;}
.qj-cta-mount .home-cta .display {font-size:clamp(36px,4.7vw,66px)!important;max-width:880px!important;line-height:1.08;}
.qj-cta-mount .home-cta .hl {background:linear-gradient(180deg,transparent 10%,#9385e6 10%,#9385e6 90%,transparent 90%);}
.qj-cta-mount .home-cta .btn-amber {background:#9385e6;}
.jira-context-page .q-faq {padding:82px 0 92px;margin:0;background:transparent;border-top:0;}
.jira-context-page .q-faq-wrap {max-width:none;padding:0;}
.jira-context-page .q-faq-heading {padding-top:24px;max-width:370px;}
.jira-context-page .q-faq-heading h2 {font-size:clamp(30px,3vw,42px);line-height:1.14;}
.jira-context-page .q-faq-list {border-top:1px solid var(--faq-rule);}
.jira-context-page .q-faq-item,.jira-context-page .q-faq-item:first-child {padding:26px 0;}
.jira-context-page .q-faq-item h3 {font-size:19px;line-height:1.4;letter-spacing:-.015em;margin:0 0 12px;}
.jira-context-page .q-faq-item p {font-size:17px;line-height:1.65;}
.jira-context-page button:focus-visible,.jira-context-page a:focus-visible {outline:3px solid var(--purple);outline-offset:5px;}
/* The footer is the shared window.Footer component with its original markup and style. */
@media(hover:hover) { .qj-context-source:hover {transform:translateY(-4px) rotate(0);box-shadow:0 0 0 2px var(--peri),4px 6px 0 #8a70ac66;} }
@media(prefers-reduced-motion:no-preference) {
 .qj-context-paths path {animation:qj-flow 16s linear infinite;}
 .qj-context-source {animation:qj-arrive .8s cubic-bezier(.16,1,.3,1) both;}
 .qj-source-meeting {animation-delay:.1s;}.qj-source-doc {animation-delay:.2s;}
 .qj-orbit-answer {animation:qj-answer 1s cubic-bezier(.16,1,.3,1) both;}
 .qj-orbit-answer.is-changing {animation:qj-answer .4s cubic-bezier(.16,1,.3,1) both;}
}
@keyframes qj-flow {to {stroke-dashoffset:-200;}}
@keyframes qj-arrive {from {opacity:0;translate:0 18px;}to {opacity:1;translate:0 0;}}
@keyframes qj-answer {from {opacity:0;translate:0 12px;}to {opacity:1;translate:0 0;}}
.qj-context-scene.is-paused .qj-context-paths path {animation-play-state:paused;}
@media(max-width:1150px) {
 .qj-hero {grid-template-columns:.85fr 1.15fr;gap:20px;}
 .qj-context-scene {min-height:760px;}
 .qj-source-message {font-size:11px;}.qj-slack-message {padding:10px;gap:6px;}
 .qj-slack-reply > span {display:none;}
 .qj-source-slack > .qj-source-tag {margin-left:42px;}
 .qj-scene-work {left:10%;width:80%;top:278px;}
 .qj-source-doc {top:514px;width:39%;}
 .qj-orbit-answer {top:506px;width:58%;}
 .qj-meet-people small {font-size:8px;}
 .qj-path-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .qj-work-inner {padding:23px 18px;}
 .qj-app-header {padding-inline:14px;}
 .qj-app-header-tools > span:last-child {display:none;}
}
@media(max-width:900px) {
 .qj-hero {grid-template-columns:1fr;gap:28px;padding-top:40px;}
 .qj-hero-copy {max-width:650px;}
 .qj-hero h1 br:last-of-type {display:none;}
 .qj-context-scene {max-width:680px;width:100%;margin-inline:auto;min-height:760px;}
 .qj-section-heading,.qj-gap,.qj-boundary {grid-template-columns:1fr;gap:30px;}
 .qj-section-heading > p:last-child {margin-top:25px;}
 .qj-questions {padding:38px;gap:30px;}
 .qj-app-header-tools b {display:none;}
 .qj-app-header {font-size:10px;}
 .qj-app-rail {flex-basis:38px;}
 .qj-app-rail > span {width:26px;}
 .qj-native-unit-bar {padding:13px 14px;}
 .qj-native-unit-bar strong {font-size:11px;}
 .qj-native-unit-tabs {gap:13px;font-size:10px;}
 .qj-lens-panel {padding:16px 13px;}
 .qj-native-attachments b {font-size:10px;}
 .qj-lens-map {display:none;}
 .qj-record-comparison {max-width:630px;width:100%;margin-inline:auto;}
}
@media(max-width:700px) {
 .qj-ui-body {grid-template-columns:1fr;}
 .qj-work-unit {border-right:0;border-bottom:1px solid #e5e7eb;}
 .qj-app-header-tools {display:none;}
 .qj-native-bottom {margin-top:0;}
 .qj-unit-title-card h2 {font-size:18px;}
 .qj-native-unit-tabs {gap:18px;}
 .qj-lens-panel {padding:20px 17px;}
 .qj-lens-tabs button {min-height:36px;font-size:11px;padding-inline:9px;}
 .qj-lens-results strong {font-size:13px;}
 .qj-lens-row-type {font-size:12px;}
 .qj-lens-row-meta {font-size:10px;}
 .qj-lens-results {min-height:410px;}
 .qj-space-chat {min-height:560px;}
}
@media(max-width:600px) {
 .qj-hero {padding:32px 0 50px;gap:30px;}
 .qj-section-label {font-size:10px;margin-bottom:20px;}
 .jira-context-page h1 {font-size:38px;line-height:1.09;}
 .jira-context-page h2 {font-size:32px;}
 .qj-lead {font-size:16px;line-height:1.6;margin-top:22px;}
 .qj-actions {gap:18px;margin-top:25px;}.qj-note {font-size:11px;}
 .qj-context-scene {min-height:1030px;}
 .qj-context-scene::before {inset:40px 0 25px;transform:rotate(0);}
 .qj-scene-caption {left:0;top:0;font-size:9px;}
 .qj-context-source {width:47%;}
 .qj-source-slack {top:40px;left:0;}.qj-source-meeting {top:80px;right:0;}
 .qj-slack-header {padding:9px 8px;gap:5px;font-size:9px;}
 .qj-slack-header img {width:14px;height:14px;}
 .qj-slack-header > span {display:none;}
 .qj-slack-message {padding:10px 8px;}
 .qj-slack-message > img {width:22px;height:22px;}
 .qj-slack-author {font-size:10px;}.qj-slack-author small {font-size:8px;margin-left:3px;}
 .qj-source-message {font-size:11px;}
 .qj-slack-reply {font-size:9px;}
 .qj-source-slack > .qj-source-tag {margin:0 8px 10px 8px;font-size:9px;}
 .qj-meet-header {padding:9px 8px;gap:5px;font-size:9px;}
 .qj-meet-header img {width:14px;height:14px;}
 .qj-meet-people {padding:0 7px;gap:4px;}
 .qj-meet-people > span {min-height:54px;}
 .qj-meet-people img {width:23px;height:23px;}
 .qj-meet-people > span:last-child {display:none;}
 .qj-meet-controls {padding:7px;gap:5px;}
 .qj-meet-controls > span {width:21px;height:19px;}
 .qj-meet-controls small {font-size:8px;}
 .qj-meet-excerpt {font-size:10px;padding-inline:9px;}
 .qj-source-meeting .qj-source-tag {font-size:9px;margin-left:9px;}
 .qj-scene-work {top:325px;left:0;width:100%;padding-inline:15px;}
 .qj-jira-toolbar {margin-inline:-15px;padding-inline:15px;}
 .jira-context-page .qj-scene-work h2 {font-size:21px;}
 .qj-source-doc {top:560px;left:0;width:100%;transform:rotate(-1deg);}
 .qj-doc-toolbar b {font-size:12px;}.qj-doc-toolbar small {font-size:10px;}
 .qj-doc-toolbar img {width:26px;height:26px;}
 .qj-doc-paper {padding:12px 15px;}
 .qj-doc-paper strong {font-size:15px;}.qj-doc-paper > span {font-size:12px;}
 .qj-doc-paper .qj-doc-comment {font-size:11px;}
 .qj-orbit-answer {top:795px;width:100%;right:0;}
 .qj-chat-head {padding:9px 12px;font-size:11px;}
 .qj-chat-head img {width:22px;height:22px;}
 .qj-chat-content {padding:14px;}
 .qj-chat-user {font-size:12px;}
 .jira-context-page .qj-chat-reply p {font-size:12px;}
 .qj-chat-reply b {font-size:11px;}.qj-chat-source {font-size:10px;}
 .qj-chat-composer {padding:10px 13px;}
 .qj-chat-composer > span {font-size:10px;}.qj-chat-composer > div {font-size:12px;}
 .qj-context-scene {min-height:1100px;}
 .qj-example-caption {bottom:-20px;font-size:9px;}
 .qj-connected-view {padding:65px 0;}.qj-section-heading {gap:0;}
 .qj-section-heading > p:last-child {font-size:16px;}
 .qj-gap {padding:65px 0;gap:28px;}.qj-gap-copy {padding:23px;}.qj-gap-copy p {font-size:16px;}
 .qj-path {padding:60px 0;}.qj-path-head {align-items:start;flex-direction:column;gap:12px;}
 .qj-path-head p {margin:0;}
 .qj-path-grid {gap:15px;}.qj-path-step {padding:16px 13px;}
 .qj-path-step h3 {font-size:19px;margin-top:26px;}
 .qj-path-step p {font-size:12px;}.qj-path-step > span {font-size:10px;}
 .qj-questions {grid-template-columns:1fr;padding:27px 22px;margin:15px 0 65px;gap:20px;}
 .qj-question-lead p {font-size:16px;}.qj-question-rows strong {font-size:19px;}
 .qj-boundary {padding-bottom:65px;}
 .qj-record-comparison {padding:15px;}
 .qj-cta-mount .home-cta {padding:60px 0 65px;}
 .qj-cta-mount .home-cta .display {font-size:34px!important;}
 .qj-cta-mount .founder-walkthrough {gap:12px;max-width:340px;}
 .qj-cta-mount .founder-walkthrough img {width:56px;height:56px;}
 .qj-cta-mount .founder-walkthrough .lead {font-size:16px;}
 .jira-context-page .q-faq {padding:58px 0 65px;}
 .jira-context-page .q-faq-heading {padding-top:0;max-width:none;}
 .jira-context-page .q-faq-heading h2 {font-size:30px;}
 .jira-context-page .q-faq-item,.jira-context-page .q-faq-item:first-child {padding:24px 0;}
 .jira-context-page .q-faq-item h3 {font-size:18px;}
 .jira-context-page .q-faq-item p {font-size:16px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}.qj-context-source,.qj-primary-cta {transition:none;}}
