.user-story-card-preview .user-story-card-heading{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.user-story-card-preview .user-story-card-heading small{color:var(--color-foggy);font-weight:800}.user-story-card-preview .user-story-card-heading strong{min-width:0;color:var(--color-hof);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.user-story-card-preview .user-story-card-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;display:grid}.user-story-card-preview .user-story-card-cell{background:var(--color-white);border-radius:5px;gap:4px;min-width:0;padding:6px 7px;display:grid}.user-story-card-preview .user-story-card-cell header{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;display:flex}.user-story-card-preview .user-story-card-cell header small{color:var(--color-foggy);font-size:7px;font-weight:800}.user-story-card-preview .user-story-card-cell header em{font-size:8px;font-style:normal;font-weight:800}.user-story-card-preview .user-story-card-cell p{min-width:0;margin:0;font-size:9px;line-height:1.4}.user-story-card-preview .user-story-card-cell.is-ready{border:1px solid var(--color-hof);border-left:3px solid var(--color-hof);background:var(--color-white)}.user-story-card-preview .user-story-card-cell.is-ready header small,.user-story-card-preview .user-story-card-cell.is-ready header em,.user-story-card-preview .user-story-card-cell.is-ready p{color:var(--color-hof)}.user-story-card-preview .user-story-card-cell.is-ready p b{color:var(--color-hof);font-weight:700}.user-story-card-preview .user-story-card-cell.is-draft{border:1px dashed var(--color-deco);border-left:3px dashed var(--color-deco);background:var(--color-faint)}.user-story-card-preview .user-story-card-cell.is-draft header small,.user-story-card-preview .user-story-card-cell.is-draft header em,.user-story-card-preview .user-story-card-cell.is-draft p{color:var(--color-foggy)}.user-story-card-preview .user-story-card-note{border-left:3px solid var(--color-hof);background:var(--color-white);color:var(--color-hof);border-radius:4px;margin:0;padding:5px 7px;font-size:8px;line-height:1.45}.user-story-card-preview .user-story-card-chips{flex-wrap:wrap;gap:3px;margin:0;padding:0;list-style:none;display:flex}.user-story-card-preview .user-story-card-chips li{border:1px solid var(--color-hof);background:var(--color-white);color:var(--color-hof);border-radius:99px;padding:1px 5px;font-size:7px;font-weight:700;line-height:1.4}.user-story-card-preview .user-story-card-chips.is-missing li{border-style:dashed;border-color:var(--color-deco);background:var(--color-faint);color:var(--color-foggy)}@media (max-width:780px){.user-story-card-preview .user-story-card-pair{gap:4px}.user-story-card-preview .user-story-card-cell{padding:5px 6px}}.user-story-examples{gap:var(--element-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.user-story-examples article{border:1px solid var(--line,#e6e6eb);background:var(--surface-card,#fff);border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.user-story-examples article.is-good{background:#f4f7f5;border-left:4px solid #6c9479}.user-story-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.user-story-examples strong{color:var(--ink,#2f2f36);font-size:14px}.user-story-examples small{color:var(--muted,#7a7a84);font-size:12px;font-weight:650}.user-story-examples p{color:var(--ink,#2f2f36);margin:0;font-size:13px;line-height:1.55}.user-story-examples span{color:var(--muted,#7a7a84);font-size:12px;line-height:1.45}.user-story-demo-brief{color:#666670;margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.user-story-interaction-demo{border-color:var(--color-deco);background:linear-gradient(180deg, var(--color-faint) 0%, var(--color-white) 45%)}.user-story-interaction-demo button:hover{border-color:var(--color-hof);color:var(--color-hof)}.user-story-demo-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-story-demo-assembler{border:1px solid var(--color-deco);background:var(--color-white);border-radius:12px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.user-story-demo-assembler header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.user-story-demo-assembler header small{color:var(--color-foggy);font-size:11px;font-weight:750}.user-story-demo-assembler header strong{color:var(--color-hof);font-size:13px;font-weight:800}.user-story-demo-field{gap:6px;min-width:0;display:grid}.user-story-demo-field>span{color:var(--color-foggy);font-size:12px;font-weight:700}.user-story-interaction-demo input:not([type=checkbox]):not([type=radio]):focus,.user-story-interaction-demo input:not([type=checkbox]):not([type=radio]):focus-visible{outline:2px solid var(--color-hof);outline-offset:1px;border-color:var(--color-hof)}.user-story-demo-roles{flex-wrap:wrap;gap:6px;display:flex}.user-story-demo-roles button[aria-pressed=true]{border-color:var(--color-hof);background:var(--color-faint);color:var(--color-hof);font-weight:700}.user-story-demo-roles button:focus-visible{outline:2px solid var(--color-hof);outline-offset:2px}.user-story-demo-reset{border:1px solid var(--color-deco);background:var(--color-white);min-height:30px;color:var(--color-foggy);font:inherit;border-radius:7px;justify-self:start;padding:5px 10px;font-size:12px;font-weight:650}.user-story-demo-reset:focus-visible{outline:2px solid var(--color-hof);outline-offset:2px}.user-story-demo-ticket{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:12px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.user-story-demo-ticket.is-ready{border-style:solid;border-color:var(--color-hof);background:var(--color-white)}.user-story-demo-ticket header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.user-story-demo-ticket header small{color:var(--color-foggy);font-size:11px;font-weight:750}.user-story-demo-ticket em{border:1px dashed var(--color-deco);background:var(--color-white);color:var(--color-foggy);border-radius:99px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.user-story-demo-ticket em.is-ready{border-style:solid;border-color:var(--color-hof);background:var(--color-hof);color:var(--color-white)}.user-story-demo-ticket blockquote{border-left:3px solid var(--color-hof);background:var(--color-white);border-radius:0 8px 8px 0;margin:0;padding:12px 14px}.user-story-demo-ticket blockquote p{color:var(--color-hof);margin:0;font-size:14px;line-height:1.6}.user-story-demo-ticket blockquote p b{font-weight:800}.user-story-demo-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.user-story-demo-chips li{border:1px solid var(--color-deco);background:var(--color-faint);color:var(--color-foggy);border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.user-story-demo-chips li.is-on{border-color:var(--color-hof);background:var(--color-white);color:var(--color-hof);font-weight:700}.user-story-demo-chips li.is-off{border-style:dashed}.user-story-demo-acceptance{border-radius:10px;gap:8px;padding:12px;display:grid}.user-story-demo-acceptance.is-ready{border:1px solid var(--color-hof);background:var(--color-faint)}.user-story-demo-acceptance.is-blocked{border:1px dashed var(--color-deco);background:var(--color-white)}.user-story-demo-acceptance header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.user-story-demo-acceptance header small{color:var(--color-foggy);font-size:11px;font-weight:750}.user-story-demo-acceptance header strong{font-size:12px;font-weight:800}.user-story-demo-acceptance.is-ready header strong{color:var(--color-hof)}.user-story-demo-acceptance.is-blocked header strong{color:var(--color-foggy)}.user-story-demo-acceptance ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.user-story-demo-acceptance li{border:1px solid var(--color-hof);background:var(--color-white);color:var(--color-hof);border-radius:7px;grid-template-columns:16px minmax(0,1fr);gap:8px;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.45;display:grid}.user-story-demo-acceptance li span{color:var(--color-hof);font-weight:800}.user-story-demo-acceptance li p{margin:0}.user-story-demo-acceptance-note{color:var(--color-foggy);margin:0;font-size:12px;line-height:1.5}.user-story-demo-acceptance-note b{color:var(--color-hof);font-weight:700}.user-story-demo-status{background:var(--color-faint);color:var(--color-foggy);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.user-story-examples article.is-good{border-left:4px solid var(--color-hof);background:var(--color-white)}.user-story-examples article.is-good header strong:before{content:"✓ ";color:var(--color-hof);font-weight:700}.user-story-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.user-story-examples article.is-bad header strong:before{content:"✗ ";color:var(--color-foggy);font-weight:700}@media (max-width:780px){.user-story-examples,.user-story-demo-stage{grid-template-columns:1fr}}.term-card .term-preview.user-story-card-preview{background:linear-gradient(145deg,#f5efff 0%,#fbf8ff 52%,#edfaf5 100%);border-color:#cbb9e8}.user-story-card-preview .user-story-card-heading small{color:#755aa3}.user-story-card-preview .user-story-card-heading strong{color:#4a3374}.user-story-card-preview .user-story-card-cell.is-ready{background:#edfbf5;border-color:#5aad91 #5aad91 #5aad91 #258064;box-shadow:0 6px 14px #25806417}.user-story-card-preview .user-story-card-cell.is-ready :is(header small,header em,p,p b){color:#175d48}.user-story-card-preview .user-story-card-cell.is-draft{background:#fff7e5;border-color:#dcae62 #dcae62 #dcae62 #d38a35}.user-story-card-preview .user-story-card-cell.is-draft :is(header small,header em,p){color:#79511f}.user-story-card-preview .user-story-card-chips li{color:#175d48;background:#dff6ec;border-color:#5aad91}.user-story-card-preview .user-story-card-chips.is-missing li{color:#85591c;background:#fff1cf;border-color:#d6a34f}.user-story-card-preview .user-story-card-note{color:#4f3778;background:#eee6fb;border-left-color:#7657a6}.term-interactive-demo.user-story-interaction-demo{background:linear-gradient(145deg,#f5efff 0%,#fbf8ff 48%,#eefaf6 100%);border-color:#c9b5e6}.user-story-interaction-demo .user-story-demo-brief{color:#574569}.user-story-demo-assembler{background:linear-gradient(165deg,#eee6fb,#f8f4ff);border-color:#bda5df;box-shadow:0 10px 24px #5b3c851a}.user-story-demo-assembler header small{color:#8a6bb7}.user-story-demo-assembler header strong{color:#4b3274}.user-story-demo-field>span{color:#614884}.user-story-interaction-demo input:not([type=checkbox]):not([type=radio]){color:#332342;background:#ffffffeb;border-color:#c8b7df}.user-story-interaction-demo input:not([type=checkbox]):not([type=radio]):focus,.user-story-interaction-demo input:not([type=checkbox]):not([type=radio]):focus-visible{border-color:#7753a8;outline-color:#ccb9e8;box-shadow:0 0 0 3px #7753a81f}.term-interactive-demo.user-story-interaction-demo .user-story-demo-roles button{color:#604282;background:#fff;border-color:#c2addf}.term-interactive-demo.user-story-interaction-demo .user-story-demo-roles button:hover{color:#4d2e74;background:#f7f1ff;border-color:#7753a8}.term-interactive-demo.user-story-interaction-demo .user-story-demo-roles button[aria-pressed=true]{color:#fff;background:#684394;border-color:#684394}.term-interactive-demo.user-story-interaction-demo .user-story-demo-reset{color:#5f437d;background:#fff;border-color:#bfa9d9}.term-interactive-demo.user-story-interaction-demo .user-story-demo-reset:hover{color:#4a2f6b;background:#f5efff;border-color:#7654a0}.user-story-demo-ticket.is-draft{background:linear-gradient(150deg,#fff8e6,#fffdf5);border-color:#d9a653;box-shadow:0 10px 24px #8b5c1914}.user-story-demo-ticket.is-ready{background:linear-gradient(150deg,#e9faf3,#f8fffb);border-color:#55ae8d;box-shadow:0 12px 26px #1f7e5d1f}.user-story-demo-ticket header small{color:#72558f}.user-story-demo-ticket em.is-draft{color:#805318;background:#fff0c9;border-color:#d7a44e}.user-story-demo-ticket em.is-ready{color:#175e48;background:#d6f3e7;border-color:#4ea987}.user-story-demo-ticket blockquote{background:#ffffffc7;border-left-color:#8261ad}.user-story-demo-ticket blockquote p{color:#352a41}.user-story-demo-ticket blockquote p b{color:#5c387e}.user-story-demo-ticket.is-ready blockquote p b{color:#176149}.user-story-demo-chips li.is-on{color:#175f49;background:#daf5e9;border-color:#4da987}.user-story-demo-chips li.is-off{color:#81551b;background:#fff2d2;border-color:#d8a958}.user-story-demo-acceptance.is-ready{background:#e4f8ef;border-color:#5eb393}.user-story-demo-acceptance.is-ready header strong,.user-story-demo-acceptance.is-ready li span{color:#176149}.user-story-demo-acceptance.is-blocked{background:#fff4da;border-color:#dcad62}.user-story-demo-acceptance.is-blocked header strong,.user-story-demo-acceptance.is-blocked .user-story-demo-acceptance-note b{color:#805318}.user-story-demo-status{color:#4e3669;background:#eee6f8;border-left:4px solid #7552a2}
