/* Interaction-specific rules; visual system is owned by the design chat. */
[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:0;left:0;z-index:100;background:white;padding:12px}button:disabled{opacity:.6;cursor:default}.body-paragraph{white-space:pre-wrap}.pink-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fe6ba0;flex:none}.card-art{overflow:hidden}.card-art>img,.card-art>canvas{width:100%;height:100%;display:block;object-fit:cover}.card-art canvas{aspect-ratio:5/3}.game-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.game-controls label{display:flex;gap:8px;align-items:center;font-size:13px}.game-controls select{padding:8px;border:1px solid var(--line,#eed9e1);border-radius:8px;background:var(--card,white)}.game-controls output{font-size:13px}.demo-frame{width:100%;height:auto;aspect-ratio:9/5;display:block;border:0;border-radius:16px}canvas#game{touch-action:none;outline-offset:4px}iframe.demo-frame{min-height:450px;margin-top:20px}.close-look{position:relative;height:440px;overflow:hidden;background:#e8efdf;border-radius:16px;touch-action:none;cursor:grab}.close-look:active{cursor:grabbing}.look-layer{width:100%;height:100%;position:relative;transform-origin:center;will-change:transform}.look-layer>img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.observe-pin{position:absolute;border:2px solid #fff;background:#fe6ba0;color:#271b24;border-radius:50%;width:36px;height:36px;font-weight:700;box-shadow:0 2px 14px #271b2440;cursor:pointer}.observe-pin[aria-pressed=true]{background:#271b24;color:#fff}.color-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-demo>div{padding:20px;min-height:180px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;font-weight:600}.color-demo code{font-size:12px}.color-demo small{font-size:11px}.color-art{background:#eadad6;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.color-art i{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:#f978a8;left:10%}.color-art i:nth-child(2){left:32%;background:#e9a3b7}.color-art i:nth-child(3){left:54%;background:#556f49}.color-art span{z-index:1;color:#271b24;font-family:var(--f-ed,serif);font-size:30px;line-height:1.2;text-align:center}.sheet-art{background:#dcece6;color:#315b4c;height:100%;padding:28px;display:grid;gap:15px}.sheet-art>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sheet-art i{height:26px;background:#ffffffab}.sheet-art b{font-size:18px}.code-art{height:100%;background:#e1e9ef;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#244c61}.code-art span{letter-spacing:4px;font-size:12px}.code-art code{font-size:27px;line-height:1.2}.type-art{height:100%;background:#eadfed;padding:26px;display:flex;flex-direction:column;justify-content:center;font-family:var(--f-ed,serif);font-size:34px;line-height:1.2}.type-art .pink-dot{margin-left:12px}.user-art{height:100%;min-height:190px;background:#e9e0e6;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.user-art strong{font-size:26px;line-height:1.3;overflow-wrap:anywhere}.user-art i{font-style:normal;font-size:11px}.sources,.external-actions,.related-links{display:flex;flex-direction:column;gap:13px}.related-links a{padding:14px 0;border-bottom:1px solid var(--line,#eed9e1);text-decoration:none}.related-links a span{display:block;font-size:12px;color:var(--ink-3,#86727f)}.upload-preview{max-height:320px;max-width:100%;object-fit:contain;border-radius:10px}.image-attached{margin-bottom:24px}.conditions-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line,#eed9e1)}.conditions-list dd{margin:0;font-size:12px}.conditions-list dt{font-size:12px}.condition-caption{font-size:12px;color:var(--ink-2,#5b4a56)}.filter-search{display:flex;gap:8px;margin-bottom:26px}.filter-search input{border:1px solid var(--line,#eed9e1);border-radius:10px;padding:10px 14px;min-width:0;max-width:400px;flex:1;background:var(--card,#fff)}.game-controls select,.game-controls output{max-width:100%}.modal{max-width:580px;width:calc(100% - 36px);border:1px solid #eed9e1;border-radius:18px;padding:28px;background:#fff7f9;color:#271b24}.modal::backdrop{background:#271b2480;backdrop-filter:blur(4px)}.modal p,.modal li{line-height:1.8}.modal ul{padding-left:20px}.modal form[method=dialog]{margin-top:22px}#form-errors ul{margin:8px 0;padding-left:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(560px,calc(100% - 32px));background:#271b24;color:white;padding:14px 20px;border-radius:12px;font-size:13px;box-shadow:0 6px 28px #271b2430}.error{border-color:#b0245c!important}.article-body details summary{cursor:pointer}.preview-article h1{margin:20px 0}.preview-article>p{margin:20px 0}.preview-article>a{display:block;margin:10px 0}.sources a,.external-actions a{overflow-wrap:anywhere}.post-main{min-width:0}.result-art{width:110px;aspect-ratio:1;flex:none;border-radius:12px}.result-art .type-art,.result-art .code-art{font-size:13px;padding:10px}.result-art .color-art span{font-size:18px}.result-art .user-art{padding:12px;min-height:100%;font-size:10px}.result-art .user-art strong{font-size:15px}.result-art .color-art{min-height:100%}#tree-viewer:empty{display:none}@media(max-width:650px){.close-look{height:300px}.color-demo{grid-template-columns:1fr}.color-demo>div{min-height:130px}.result-art{width:68px}.result-art .type-art{font-size:15px}.result-art .sheet-art,.result-art .code-art{padding:8px}.result-art .code-art code{font-size:13px}.result-art .sheet-art b{font-size:10px}.game-controls{gap:10px}.game-controls label{font-size:12px}iframe.demo-frame{min-height:380px}.modal{padding:22px}.game-controls select{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.generated-answer { white-space: pre-line; font-size: 1rem; line-height: 1.85; }

.source-caption{margin:10px 0;color:var(--muted,#86727f);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.sources>div{display:flex;flex-direction:column;gap:4px}.source-label{color:var(--muted,#86727f);font-size:12px;overflow-wrap:anywhere}

/* Reviewed editorial publications: visuals first, evidence on demand. */
.editorial-picture{display:block;width:100%;height:100%}.editorial-picture img{display:block;width:100%;height:100%;object-fit:cover}.editorial-card .card-art{aspect-ratio:16/9;border-radius:14px}.editorial-card .card-body{padding-top:14px}.editorial-card h3{font-size:clamp(19px,1.7vw,24px);line-height:1.4;letter-spacing:-.04em}.editorial-card .card-one-line{font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editorial-disclosure{font-size:11px!important;line-height:1.5!important;color:var(--ink-3,#86727f);margin:8px 0 0!important}.editorial-card .source-caption{font-size:12px;margin:5px 0 12px}.editorial-card .inline-actions{justify-content:space-between}.editorial-home-hero{padding-bottom:24px}.editorial-home-hero h1{font-size:clamp(36px,5.3vw,64px);line-height:1.18;letter-spacing:-.055em}.home-community-preview{padding:32px 0}.editorial-hero{margin:0}.editorial-hero .editorial-picture{aspect-ratio:16/9;border-radius:14px;overflow:hidden}.editorial-hero figcaption{font-size:12px;color:var(--ink-3,#86727f);margin-top:9px}.editorial-takeaways,.editorial-compatibility{padding:22px 0;border-bottom:1px solid var(--line,#eed9e1)}.editorial-takeaways h2,.editorial-results h2{font-size:21px;letter-spacing:-.04em}.editorial-takeaways ul{padding-left:20px;display:grid;gap:9px;font-size:15px;line-height:1.7;margin:16px 0 0}.editorial-compatibility p{font-size:15px}.editorial-compatibility .btn{margin-top:14px}.editorial-full-notes{padding:18px 0;border-block:1px solid var(--line,#eed9e1)}.editorial-full-notes summary{font-size:14px;font-weight:600}.editorial-full-notes .body-paragraph{font-size:14px;margin-top:18px;color:var(--ink-2,#5b4a56)}.editorial-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.editorial-result-grid figure{margin:0;min-width:0}.editorial-result-grid img{width:100%;height:auto;display:block;border:1px solid var(--line,#eed9e1);border-radius:10px}.editorial-result-grid figcaption{font-size:13px;margin-top:8px;color:var(--ink-2,#5b4a56)}.result-art .editorial-picture{height:100%;width:100%}.result-art .editorial-picture img{object-fit:cover}.article-body>.editorial-results{margin-top:25px}.home-discovery .card-grid{margin-top:18px}@media(max-width:650px){.editorial-home-hero h1{font-size:34px}.editorial-card h3{font-size:21px}.editorial-result-grid{grid-template-columns:1fr}.editorial-card .card-art{border-radius:11px}.editorial-hero .editorial-picture{border-radius:11px}}

.editorial-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px 30px;padding:26px 32px}.editorial-home-hero .hero-copy h1{font-size:clamp(30px,3.1vw,44px)}.editorial-home-hero .hero-copy p{font-size:14px}.editorial-home-hero .search-box{margin:0;align-self:center}.editorial-home-hero .search-input-row input{font-size:18px}.editorial-home-hero .search-suggestions{grid-column:1/-1;margin:0}.editorial-home-hero::after{display:none}.interest-picker{font-size:12px;margin:6px 0}.interest-picker summary{cursor:pointer;color:var(--ink-2)}.interest-picker[open] .interest-controls{margin:10px 0}.home-discovery .section-heading h2{font-size:clamp(23px,2.4vw,30px)}@media(max-width:800px){.editorial-home-hero{grid-template-columns:1fr;gap:13px;padding:20px}.editorial-home-hero .hero-copy h1{font-size:32px}.editorial-home-hero .search-input-row input{font-size:16px}.home-discovery>.section-heading{align-items:flex-start}.home-discovery .section-heading h2{font-size:23px}}

.vibeaz-ad{margin:30px 0;min-width:0;overflow:hidden}.vibeaz-ad[hidden]{display:none}.vibeaz-ad-label{display:block;margin-bottom:8px;color:var(--ink-3,#86727f);font-size:11px;line-height:1}.vibeaz-ad .adsbygoogle{width:100%}.vibeaz-ad .adsbygoogle[data-ad-status^="unfill"]{display:none!important}

.interview-share{max-width:1000px;margin:32px auto 70px}.interview-share h1{font-size:clamp(32px,5vw,54px);line-height:1.14;letter-spacing:-.04em;margin:12px 0}.interview-lead{font-size:18px;color:#675b63;max-width:650px;line-height:1.7}.interview-flow{display:block;width:100%;height:auto;margin:32px 0;border-radius:24px}.interview-actions{display:flex;gap:12px;flex-wrap:wrap}.interview-note{margin-top:36px;padding:24px;border:1px solid #eadde2;border-radius:18px;line-height:1.7}.interview-note h2{font-size:20px}.interview-note p{color:#655a60}@media(max-width:600px){.interview-share{margin:18px auto 50px}.interview-flow{min-height:180px;object-fit:contain}.interview-actions .btn{width:100%;text-align:center}}

.interview-mobile-steps{display:none}@media(max-width:600px){.interview-flow{display:none}.interview-mobile-steps{display:grid;gap:10px;list-style:none;padding:0;margin:24px 0}.interview-mobile-steps li{display:grid;gap:4px;padding:16px 18px;border:1px solid #eadde2;border-radius:14px;background:#fff4f7}.interview-mobile-steps span{color:#655a60;font-size:14px}}

.interviews-page{max-width:1120px;margin:28px auto 64px}.interviews-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.interviews-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin:10px 0}.interviews-heading p:not(.eyebrow){color:var(--muted);line-height:1.65;margin:0}.interviews-heading .btn{flex-shrink:0}@media(max-width:600px){.interviews-heading{align-items:start;flex-direction:column}.interviews-heading .btn{width:100%;text-align:center}}
/* Reading depth and one article's growing evidence. */
.difficulty-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 26px}
.difficulty-filter>span{font-weight:700;margin-right:6px}.difficulty-filter small{color:var(--muted,#68636b);margin-left:6px}
.difficulty-filter [aria-current="page"]{background:#231827;color:#fff;border-color:#231827}
.badge.difficulty-badge[data-level="easy"]{background:#edf6e9;color:#355338;border-color:#d7e8d1}
.badge.difficulty-badge[data-level="normal"]{background:#f8f0df;color:#775a27}
.badge.difficulty-badge[data-level="advanced"]{background:#eeeaf6;color:#635079}
.badge.stage-badge{background:#f5edf2;color:#7b3e60}.content-meta{flex-wrap:wrap}
.content-progress{margin:30px 0;padding:24px;background:#faf8f5;border:1px solid #e5dfd7;border-radius:16px}
.content-progress h2{font-size:22px}.content-progress .section-heading{margin:0 0 18px;gap:12px;flex-wrap:wrap}
.progress-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.progress-stages li{display:flex;flex-direction:column;gap:6px;padding:15px 12px;border-radius:10px;background:#f0ece7;color:#807a74}
.progress-stages li.complete{background:#e9efdf;color:#35462a}.progress-stages span{font-size:13px;line-height:1.6}
.progress-note{font-size:14px;color:#68605a;margin:14px 0 0}.progress-checks{margin-top:24px}
.progress-checks>div{border-top:1px solid #e5dfd7;padding:14px 0}.progress-checks p{margin:8px 0}.progress-checks small{color:#68605a}
.prompt-recipe{margin-top:24px;padding-top:20px;border-top:1px solid #e5dfd7}.prompt-recipe pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:18px;border:1px solid #e5dfd7;border-radius:10px;font:inherit;font-size:15px;line-height:1.8}
.prompt-recipe ol{padding-left:24px;line-height:1.9}.progress-history{margin-top:20px}.progress-history summary{cursor:pointer;font-weight:700}.progress-history ol{padding-left:24px}.progress-history li{padding:10px 0}.progress-history time{font-size:13px;color:#68605a}.progress-history p{margin:6px 0}
@media(max-width:600px){.content-progress{padding:16px}.progress-stages{grid-template-columns:1fr}.progress-stages li{flex-direction:row;align-items:baseline;gap:12px}.progress-stages b{white-space:nowrap}.difficulty-filter small{width:100%;margin:4px 0}.content-progress .section-heading h2{font-size:20px}}

.progress-stages li.partial{background:#f6ecd4;color:#755c25}

.progress-checks summary,.prompt-recipe summary{cursor:pointer;font-weight:700}.prompt-recipe details{margin:14px 0}
.practical-guide{margin:0 0 32px;padding:26px;border:1px solid #d8dfcf;border-radius:18px;background:#f5f8ee}
.practical-guide .section-heading{margin:0 0 14px;gap:12px;flex-wrap:wrap}.practical-guide h2{font-size:26px;margin:3px 0}.practical-guide h3{font-size:18px}
.practical-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.85;margin:16px 0;padding:20px;background:white;color:#281f25;border:1px solid #dbe2d2;border-radius:12px}
.practical-examples{display:grid;grid-template-columns:1fr 1fr;gap:22px}.practical-examples pre{padding:16px;font-size:14px}.practical-next{border-top:1px solid #dbe2d2;margin-top:12px;padding-top:20px}
.practical-credit{font-size:13px;color:#65705d;margin-top:24px}.practical-guide+.editorial-hero{max-width:460px;margin:30px auto}
@media(max-width:600px){.practical-guide{padding:18px}.practical-examples{grid-template-columns:1fr;gap:0}.practical-guide pre{padding:14px}}

.starter-result{margin-bottom:32px}.starter-result figure{margin:12px 0 16px}.starter-result img{width:100%;height:auto;max-height:470px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:16px}.starter-result figcaption{font-size:13px;color:var(--muted);margin:8px 0}.article-steps{padding:24px;background:#fff9f1;border-radius:16px;margin-bottom:24px}.article-steps h2{font-size:24px;margin-top:0}.article-steps .body-paragraph{white-space:pre-wrap;line-height:1.9}
.beginner-guide{max-width:1040px;margin:0 auto;padding-bottom:5rem}.beginner-hero{background:#f5e9de;border-radius:24px;padding:clamp(28px,6vw,72px);margin:2rem 0 4rem}.beginner-hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.2;letter-spacing:-.045em;margin:.5rem 0 1.2rem}.beginner-hero p:not(.eyebrow){font-size:1.1rem;max-width:38rem;margin-bottom:1.5rem}.beginner-guide h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.03em}.beginner-guide h3{margin-top:2rem}.beginner-guide p,.beginner-guide li,.beginner-guide dd{line-height:1.8}.beginner-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.beginner-flow button{background:#fff;border:1px solid #e5ded8;border-radius:16px;padding:1.4rem;text-align:left;color:inherit;font:inherit;cursor:pointer}.beginner-flow b,.beginner-flow span{display:block}.beginner-flow b{color:#a55658;margin-bottom:.6rem}.beginner-flow span{font-size:.85rem;color:#6d6964;margin-top:.3rem}.beginner-section{border-top:1px solid #e6e0dc;padding:3rem 0;scroll-margin-top:6rem}.beginner-section ol{padding-left:1.4rem}.beginner-section li{padding:.35rem 0}.beginner-actions{display:flex;gap:.7rem;flex-wrap:wrap}.beginner-prompt{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f5f0;border:1px solid #e7dfd8;border-radius:14px;padding:1.25rem;font:inherit;line-height:1.7}.beginner-source{font-size:.88rem;color:#716b66}.beginner-source a{text-decoration:underline}.beginner-glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.beginner-glossary div{padding:1rem;background:#f8f5f0;border-radius:12px}.beginner-glossary dt{font-weight:700}.beginner-glossary dd{margin:.25rem 0 0;color:#5e5a57}@media(max-width:700px){.beginner-flow,.beginner-glossary{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-flow button{padding:1rem}.beginner-hero{margin-top:1rem}}

.az-lesson-grid, .az-tool-grid {
  display: grid;
  gap: 1rem;
}
.az-lesson-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.az-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.az-lesson-card, .az-tool, .az-motion {
  border: 1px solid #dedfd3;
  border-radius: 16px;
  background: #f8f7f0;
  padding: 1rem;
}
.az-lesson-card { display: block; color: inherit; text-decoration: none; }
.az-lesson-card:hover { border-color: #456e5b; }
.az-lesson-card img { display: block; width: 100%; height: auto; border-radius: 8px; }
.az-lesson-card span { display: block; font-weight: 700; margin-top: .65rem; }
.az-lesson-card p, .az-tool p { margin: .4rem 0; }
.az-article { padding-top: 1rem; overflow-wrap: anywhere; }
.az-article .az-lessons { margin-bottom: 1.5rem; flex-wrap: wrap; }
.az-article img { display: block; width: 100%; height: auto; border-radius: 14px; }
.az-article table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; }
.az-article td, .az-article th { border-bottom: 1px solid #dedfd3; padding: .65rem; text-align: left; vertical-align: top; }
.az-article pre { white-space: pre-wrap; padding: 1rem; background: #f8f7f0; border-radius: 14px; }
.az-motion { margin: 1rem 0; }
.az-motion summary { cursor: pointer; font-weight: 700; }
.az-motion img { margin-top: .8rem; }
.az-toolbox { padding: 1rem 0 3rem; }
.az-tool h3 { margin: .5rem 0 0; }
.az-tool dt { font-weight: 700; }
.az-tool dd { margin: .15rem 0 .65rem; }
@media (max-width: 700px) {
  .az-lesson-grid, .az-tool-grid { grid-template-columns: 1fr; }
  .az-article td, .az-article th { padding: .4rem; }
}