/* Superfícies e ritmo de leitura, usando apenas a identidade Result. */
:root{--reading-surface:linear-gradient(130deg,#40155938,#ffffff06 75%);--reading-rule:#ededed2e;--reading-lift:#ededed09}
[data-theme=light]{--reading-surface:linear-gradient(130deg,#40155924,#ffffffeb 85%);--reading-rule:#40155952;--reading-lift:#ffffffd9}
#reader{position:relative;isolation:isolate}#reader:before{content:'';position:fixed;inset:88px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 100% 15%,#61009a42,transparent 75%),radial-gradient(ellipse 50% 65% at 0% 85%,#40155942,transparent 75%),var(--bg)}#reader:after{content:'';position:fixed;inset:88px 0 0;z-index:-1;pointer-events:none;background:url('assets/result-volumes-organicos.jpg') no-repeat right -220px top 6%/650px;opacity:.16;mask-image:linear-gradient(90deg,transparent 50%,#000)}[data-theme=light] #reader:before{background:radial-gradient(ellipse 55% 65% at 100% 15%,#61009a16,transparent 75%),radial-gradient(ellipse 50% 65% at 0% 85%,#40155912,transparent 75%),var(--bg)}[data-theme=light] #reader:after{opacity:.055}.reading-area{background:none}
.chapter-opening{position:relative;isolation:isolate;overflow:hidden;padding:18px 0 30px;border-bottom:1px solid var(--reading-rule);margin-bottom:30px}.chapter-opening h1{font-size:clamp(34px,3.5vw,50px);max-width:24ch;margin-bottom:23px}.chapter-opening p{font-size:18px;line-height:1.7;max-width:65ch;color:var(--muted)}.chapter-opening p:first-of-type{color:var(--text);font-size:19px}
.reading-section{margin:28px 0;padding:27px 28px;background:var(--reading-surface);border:1px solid var(--reading-rule);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d}.reading-section>h2{margin:0 0 22px;font-size:26px;line-height:1.25;scroll-margin-top:115px}.reading-section>h2:before{content:'';display:block;width:34px;height:3px;background:#61009a;border-radius:3px;margin-bottom:17px}.reading-section>p:first-child{margin-top:0}.reading-section>p:last-child{margin-bottom:0}.reading-section ul:last-child{margin-bottom:0}.reading-section li{font-size:16px;line-height:1.65}.scan-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0}.scan-list>li{padding-block:10px;border-bottom:1px solid var(--line);break-inside:avoid}.reading-section .mandatory{margin:20px 0;background:#40155938}.reading-section .check-list li{font-size:16px}.reading-section .check-list label{padding:14px 0;gap:15px}.reading-section .check-list label span{max-width:60ch}.reading-section .check-list input{margin-top:5px}
.editable-formats{list-style:none;padding:0;gap:12px}.editable-formats>li{padding:17px;background:var(--reading-lift);border:1px solid var(--line);border-radius:12px}.editable-formats strong{display:block;color:var(--accent);font-size:22px;margin-bottom:5px}.editable-formats>li:last-child{grid-column:1/-1}.chapter-content>.example{background:var(--reading-lift);border-color:var(--reading-rule)}.trello-topic{background:var(--reading-surface);border-color:var(--reading-rule)}.role-card:last-child{grid-column:auto}.role-card:last-child ul{columns:auto}.stage-path dl{background:var(--reading-surface);border:1px solid var(--reading-rule);border-radius:16px;padding:0 25px}.stage-path dl>div:first-child{border-top:0}.stage-path dl>div:last-child{border-bottom:0}.reading-end{background:var(--reading-surface);border-color:var(--reading-rule)}
.channel-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0;margin:28px 0;border:0}.channel-item{padding:23px 20px;display:flex;flex-direction:column;min-width:0;text-decoration:none;background:var(--reading-surface)}.channel-item>svg{width:28px;height:28px;color:var(--accent);margin-bottom:24px}.channel-item h3{font-size:24px;margin:0 0 13px}.channel-item>strong{font-size:14px;line-height:1.4;margin-bottom:10px;color:var(--text)}.channel-item p{font-size:14px!important;line-height:1.65;margin:0 0 22px!important;color:var(--muted)}.channel-link{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--accent)}.channel-link svg{width:16px;height:16px}.arrival-group>p{max-width:67ch}.arrival-map{padding:27px;background:var(--reading-surface);border:1px solid var(--reading-rule);border-radius:16px}.welcome-message{padding-bottom:10px}.stage-header{border-color:var(--reading-rule)}.tutorial-link{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:25px;margin:26px 0;background:var(--reading-surface);border:1px solid var(--reading-rule);border-radius:16px}.tutorial-link h2{font-size:23px;margin:0 0 10px}.tutorial-link p{font-size:15px;color:var(--muted);margin:0}.tutorial-link .button{flex-shrink:0}.coming-soon{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;margin-bottom:12px;color:var(--accent)}
#sidebar[data-closing]{position:fixed;left:0;top:88px;width:270px;z-index:40}.button,.audio-play,.audio-rate{transition:transform 160ms var(--ease-out),background-color 160ms var(--ease-out),border-color 160ms var(--ease-out)}body[data-input=pointer] .button:active,body[data-input=pointer] .audio-play:active,body[data-input=pointer] .audio-rate:active{transform:scale(.97)}.completion-symbol svg{opacity:.32;transition:opacity 160ms var(--ease-out)}.is-complete .completion-symbol svg{opacity:1}
@media(hover:hover) and (pointer:fine){.channel-item{transition:transform 160ms var(--ease-out),border-color 160ms var(--ease-out)}.channel-item:hover{transform:translateY(-2px);border-color:var(--accent)}.channel-link svg{transition:transform 160ms var(--ease-out)}.channel-item:hover .channel-link svg{transform:translateX(3px)}}
@media(max-width:1000px){.channel-guide{grid-template-columns:1fr}.channel-item{display:grid;grid-template-columns:36px 1fr;column-gap:17px;padding:23px}.channel-item>svg{grid-row:1/5;margin:0}.channel-item h3{font-size:25px}.channel-item>strong,.channel-item p,.channel-link{grid-column:2}.channel-item p{margin-bottom:16px!important}.channel-link{margin-top:0}}
@media(max-width:800px){#reader:before,#reader:after{top:72px}#reader:after{background-size:440px;background-position:right -230px top 8%;opacity:.12}.chapter-opening{padding-top:12px;padding-bottom:23px}.chapter-opening h1{font-size:36px}.chapter-opening p{font-size:17px}.chapter-opening p:first-of-type{font-size:18px}.reading-section{padding:23px 20px;margin:24px 0}.reading-section>h2{font-size:25px}.scan-list{grid-template-columns:1fr;gap:0}.editable-formats{gap:10px}.stage-path dl{padding:0 20px}.arrival-map{padding:23px}.tutorial-link{display:block;padding:23px}.tutorial-link .button{margin-top:20px}.channel-item h3{margin-top:0}.channel-item p{font-size:15px!important}#sidebar[data-closing]{top:72px;width:100%;height:calc(100dvh - 72px)}}
@media(prefers-reduced-motion:reduce){.channel-item,.channel-link svg,.button,.audio-play,.audio-rate,.completion-symbol svg{transition:none!important;transform:none!important}}body[data-input=keyboard] .button:active{transform:none}
@media print{#reader:before,#reader:after{display:none}.chapter-opening{border-color:#ccc;padding:0 0 20px}.reading-section{background:none;border:0;border-top:1px solid #ccc;padding:20px 0;margin:20px 0;box-shadow:none}.scan-list{display:block}.channel-guide{display:block}.channel-item{background:none;border-color:#ccc;margin:12px 0}.stage-path dl{background:none}.tutorial-link .button{display:none}}

/* Capas elásticas e geometria luminosa com bordas inteiramente suavizadas. */
#reader:after{background-image:url('assets/reading-orbits.svg');background-size:min(1000px,90vw);background-position:right -160px top 6%;opacity:.5;mask-image:radial-gradient(ellipse 70% 80% at 90% 40%,#000 15%,transparent 90%)}[data-reading-world=rotina] #reader:after,[data-reading-world=producao] #reader:after,[data-reading-world=ajuda] #reader:after{background-image:url('assets/reading-beam.svg');background-position:right -100px center}[data-reading-world=clientes] #reader:after{background-position:right -260px bottom -40px}[data-theme=light] #reader:after{opacity:.12}
.chapter-opening,.stage-header{padding:32px;border:1px solid var(--reading-rule);border-radius:18px;min-height:220px}.chapter-opening h1,.stage-header h1{max-width:24ch}.chapter-opening>p:last-child{margin-bottom:0}.stage-header{padding-bottom:32px}
.beam-search {
  --beam-extension: clamp(20px, calc((100vw - 560px) / 2 - 15px), 225px);
  border: 1px solid #e6c9f5c7;
  background: transparent;
  color: #ededed;
  box-shadow:
    inset 0 1px 0 #ededed44,
    0 0 0 1px #b464ea55,
    0 0 10px #a13de180,
    0 0 27px #7209b866;
}
/* The rounded surface occludes the beam, including at peak brightness. */
.beam-search::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(110deg, #1e0c2b, #100616 48%, #210c2b);
  pointer-events: none;
}
.beam-search > kbd { border-color: #ededed66; color: #ededed; }
[data-theme=light] .beam-search { border-color: #a978be; }
[data-theme=light] .beam-search::before {
  background: linear-gradient(110deg, #401559, #160a20 55%, #401559);
}

.search-light {
  position: absolute;
  inset: 0 calc(-1 * var(--beam-extension));
  z-index: -2;
  pointer-events: none;
  opacity: .82;
  background:
    radial-gradient(ellipse 50% 2px, #f6d7ff 0%, #e2a4ffdd 43%, #ad41ed85 79%, transparent 100%),
    radial-gradient(ellipse 50% 9px, #b448ffcc 0%, #931ce6ad 54%, #740ccc30 84%, transparent 100%),
    radial-gradient(ellipse 50% 25px, #8108be88 8%, #6c00ae55 63%, #57008b22 83%, transparent 100%);
}
@keyframes search-light-pulse {
  0%, 100% { opacity: .52; transform: scaleY(.88); }
  50% { opacity: 1; transform: scaleY(1.12); }
}
@media (prefers-reduced-motion: no-preference) {
  .beam-search.light-pulsing .search-light { animation: search-light-pulse 3s ease-in-out infinite; }
}
.integration-track{position:relative;max-width:960px;margin:45px auto 38px}.integration-track .connected-elements{margin:0;max-width:none}.connected-elements .connected-art{background:radial-gradient(ellipse,#40155955,transparent 75%);border:0;box-shadow:none;overflow:visible;padding:0;border-radius:0}.connected-art>img{object-fit:contain;object-position:center!important;border-radius:0;width:100%;height:100%}.connected-elements a:hover .connected-art{border:0}
@media(max-width:800px){.chapter-opening,.stage-header{padding:25px 22px;min-height:210px}.chapter-opening h1,.stage-header h1{font-size:34px;overflow-wrap:anywhere}#reader:after{background-size:750px;background-position:right -410px center;opacity:.3}.integration-track{max-width:340px;margin:35px auto}}
@media print{.chapter-opening,.stage-header{padding:0 0 20px;min-height:0;background:none;border:0;border-radius:0}}

/* O mesmo volume e a mesma iluminação das boas-vindas, em toda capa de leitura. */
.manual-cover {
  --text: #ededed;
  --muted: #d4cbd9;
  --accent: #e4c8ff;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 18px;
  background: #160a20;
  color: var(--text);
}
.manual-cover::before {
  content: '';
  position: absolute;
  inset: 0 0 0 30%;
  z-index: -1;
  pointer-events: none;
  background: url('assets/result-volumes-organicos.jpg') center / cover no-repeat;
  opacity: .65;
  mask-image: linear-gradient(90deg, transparent, #000);
}
.tutorial-opening.manual-cover {
  margin: 32px 0;
  padding-inline: clamp(24px, 4vw, 56px);
}
@media (max-width: 800px) {
  .manual-cover::before { inset-inline-start: 0; opacity: .45; }
  .tutorial-opening.manual-cover { margin: 22px 0; }
}
@media print {
  .manual-cover {
    --text: #000;
    --muted: #444;
    --accent: #401559;
    background: none;
  }
  .manual-cover::before { display: none; }
  .tutorial-opening.manual-cover { margin: 0; padding-inline: 0; }
}

/* Luz de fundo e trechos independentes entre as peças de vidro. */
.connected-closing { isolation: isolate; }
.closing-arcs {
  --reflection-start: -280px;
  --reflection-end: 1440px;
}
.arc-reflection { opacity: 0; }
.arc-lit-top .arc-reflection-top, .arc-lit-bottom .arc-reflection-bottom { opacity: 1; }
.arc-lit-top .arc-band-top { animation: arc-reflection-sweep 1.4s linear both; }
.arc-lit-bottom .arc-band-bottom { animation: arc-reflection-sweep 1.4s linear 220ms reverse both; }
@keyframes arc-reflection-sweep {
  from { transform: translateX(var(--reflection-start)); }
  to { transform: translateX(var(--reflection-end)); }
}
@media (max-width: 800px) {
  /* The 180%-wide SVG shows only x=320 to x=1120 on mobile. */
  .closing-arcs { --reflection-start: 40px; --reflection-end: 1120px; }
}
@media (prefers-reduced-motion: reduce) {
  .closing-arcs .arc-band { animation: none; }
  .arc-lit-top .arc-reflection-top, .arc-lit-bottom .arc-reflection-bottom {
    mask: none;
    animation: arc-reflection-fade 220ms ease-in-out both !important;
  }
}
@keyframes arc-reflection-fade {
  0%, 100% { opacity: 0; }
  50% { opacity: .24; }
}
.integration-ambient {
  position: absolute;
  inset: -56px 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 74% 48%, #61009a38 0%, transparent 54%),
    radial-gradient(ellipse at 18% 67%, #4015594f 0%, transparent 50%),
    url('assets/reading-orbits.svg') right 28% center / min(980px, 110vw) auto no-repeat;
  mask-image: radial-gradient(ellipse 72% 54% at 50% 52%, #000, transparent 97%);
  opacity: .66;
}
.integration-track .connected-elements::before { content: none; }
.integration-connector {
  --connector-direction: 90deg;
  --connector-fade: 14px;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  background: #9e71b647;
  mask-image: linear-gradient(var(--connector-direction), transparent, #000 var(--connector-fade), #000 calc(100% - var(--connector-fade)), transparent);
}
.integration-connector > span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--connector-direction), #793ab0, #b376cf 70%, #a167c2);
  transform-origin: left center;
}
@media (max-width: 800px) {
  .integration-ambient { background-position: center, center, 36% center; }
  .integration-connector {
    --connector-direction: 180deg;
    --connector-fade: 9px;
  }
  .integration-connector > span { transform-origin: center top; }
}
@media print {
  .integration-ambient, .integration-connector { display: none; }
}

.arrival-steps { margin: 20px 0 28px; }
.process-steps { list-style: none; padding: 0; margin: 0 0 16px; counter-reset: process-step; }
.process-steps > li {
  counter-increment: process-step;
  position: relative;
  padding: 13px 0 13px 42px;
  border-top: 1px solid var(--reading-rule);
}
.process-steps > li::before {
  content: counter(process-step);
  position: absolute;
  top: 15px;
  left: 0;
  width: 28px;
  height: 28px;
  border: 1px solid var(--reading-rule);
  border-radius: 50%;
  color: var(--accent);
  font-size: 13px;
  text-align: center;
  line-height: 26px;
}
.process-steps > li strong { color: var(--text); font-weight: 600; }
.process-steps > li p { margin: 3px 0 0; }
.delivery-check-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  border-bottom: 1px solid var(--reading-rule);
}
#article .delivery-check-row > label { border: 0; }
.check-na {
  justify-self: start;
  margin: -6px 0 12px 33px;
  padding: 8px 12px;
  min-height: 44px;
  border: 1px solid var(--reading-rule);
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
}
.check-na[aria-pressed=true] { background: var(--purple); color: #ededed; border-color: #ad77ca; }
.delivery-check-row[data-check-state=na] label span { color: var(--muted); }
.reading-columns:has(.on-this-page[hidden]):not(:has(.role-grid)) { grid-template-columns: minmax(0, 760px); }
[data-theme=light] :is(.reading-section, .trello-topic, .role-card, .channel-item, .stage-reading-block, .reading-end) {
  box-shadow: 0 4px 16px #4015590d;
}
#home-index { display: none; }
body.is-home #menu { display: none; }

/* v2.1: the search and integration section follow the selected light theme. */
[data-theme=light] .beam-search{color:#401559;border-color:#61009a66;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #61009a12,0 0 12px #61009a26,0 0 30px #61009a1f}
[data-theme=light] .beam-search::before{background:linear-gradient(110deg,#ffffff,#ededed 52%,#ffffff)}
[data-theme=light] .beam-search>kbd{color:#401559;border-color:#40155955}
[data-theme=light] .connected-closing{color:#211728;background:radial-gradient(ellipse 55% 38% at 50% 100%,#61009a12,transparent),#ededed}
[data-theme=light] .connected-closing .closing-copy p,[data-theme=light] .connected-closing .closing-copy>.text-link{color:#5a4c63}
[data-theme=light] .connected-closing .connected-elements strong{color:#211728}
[data-theme=light] .connected-closing .connection-step{color:#401559}
[data-theme=light] .connected-closing .integration-ambient{opacity:.28}
[data-theme=light] .connected-closing .connected-art{background:radial-gradient(ellipse,#61009a16,transparent 75%)}
[data-theme=light] .connected-closing .closing-arcs>g:nth-of-type(2){stroke:#61009a;opacity:.6}
[data-theme=light] .connected-closing .arc-reflection{opacity:.55}
@media (max-width: 800px) {
  body.is-home #home-index { display: inline-flex; }
}
#clear-checks-note { margin: 10px 0 0; }
#search-results small { display: block; color: var(--muted); }