/* Quiet hierarchy: one idea first, the extra reading stays optional. */
.concept-dialog{--cc-ink:#3f6154;--cc-paper:#fcfbef;--cc-sage:#bed0b8;--cc-gold:#d6aa65;width:850px;max-width:min(920px,calc(100vw - 36px));max-height:91dvh;padding:29px 35px 27px;background:#fbfbf2;scrollbar-width:thin;scrollbar-color:#c2cdb6 transparent}
.concept-dialog .dialog-heading{margin-bottom:19px;align-items:center}.concept-dialog .dialog-heading h2{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:.2px;color:#2d4b42}.concept-dialog button:focus-visible,.concept-dialog summary:focus-visible,.concept-dialog a:focus-visible{outline:2px solid #718d68;outline-offset:4px}
.cc-entry{color:var(--cc-ink)}.cc-category-ai{--cc-ink:#69627b;--cc-sage:#cbc4d8;--cc-gold:#cfa46d}.cc-category-network{--cc-ink:#416b65;--cc-sage:#b9d2c9}.cc-category-engineering{--cc-ink:#6c6549;--cc-sage:#d0d1b5}.cc-category-hosting{--cc-ink:#5f6b50;--cc-sage:#c3ceb3}
.cc-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;line-height:1.5;color:#98a18a;letter-spacing:.5px}.cc-meta .cc-encountered{color:#8c9c7e;font-size:9px;letter-spacing:0}
.cc-hero{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center;margin:18px 0 25px;padding-bottom:25px;border-bottom:1px solid #e0e5d5}.cc-main{align-self:center;padding:7px 0}.cc-definition{font-size:23px;line-height:1.55;font-weight:550;letter-spacing:.2px;color:#3a5d4d;margin:0 0 17px;max-width:15em}.cc-in-context{font-size:12px;line-height:1.95;color:#819075;margin:0;max-width:27em}.cc-diagram{margin:0;min-width:0;position:relative;border-radius:13px;background:radial-gradient(ellipse at 36% 30%,#f9f5df 0%,#eaf0df 75%,#e3ebd6);padding:7px 5px 12px;overflow:hidden}.cc-category-ai .cc-diagram{background:radial-gradient(ellipse at 36% 30%,#f9f4e7 0%,#ede8f0 75%,#e4e0eb)}.cc-category-network .cc-diagram{background:radial-gradient(ellipse at 36% 30%,#f6f6e4 0%,#e2eee4 75%,#dce9df)}.cc-illustration{display:block;width:100%;height:auto;overflow:visible}.cc-illustration text{font-family:inherit}.cc-diagram figcaption{font-size:10px;line-height:1.7;text-align:center;color:#7d8d71;margin:-5px 15px 0}
.cc-reading{margin-bottom:24px}.cc-details{border-bottom:1px solid #e2e6d9;padding:0 0 13px}.cc-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:12px;line-height:1.7;color:#7f9170;padding:2px 0;gap:15px}.cc-details summary::-webkit-details-marker,.cc-sources summary::-webkit-details-marker{display:none}.cc-details summary>span:last-child{color:#a2ae93;font-size:17px;font-weight:300}.cc-details[open] summary>span:last-child{transform:rotate(45deg)}.cc-detail-copy{padding-top:15px;max-width:58em}.cc-detail-copy>p{font-size:13px;line-height:2;color:#72816b;margin:0 0 17px}.cc-small-note{border-left:2px solid #d8cfac;padding:0 0 0 14px;margin:0 0 18px}.cc-small-note strong{font-size:9px;letter-spacing:.5px;color:#a69870;font-weight:500}.cc-small-note p{font-size:11px;line-height:1.95;color:#939680;margin:5px 0 0}.cc-detail-copy .cc-analogy{font-size:11px;line-height:1.9;color:#939c85}.cc-analogy>span{font-size:9px;color:#a5ae98;margin-right:13px;white-space:nowrap}
.cc-related{margin:0 0 24px}.cc-related h3{font-size:9px;font-weight:500;letter-spacing:1px;color:#a0aa93;margin:0 0 10px}.cc-related>div{display:flex;gap:7px;flex-wrap:wrap}.cc-related button{display:flex;align-items:center;gap:13px;border:1px solid #dce3cf;border-radius:6px;background:transparent;padding:8px 11px;font-size:11px;line-height:1.5;color:#74896a;transition:background .15s,border-color .15s}.cc-related button i{font-style:normal;color:#a4b197;font-size:11px}.cc-related button:hover{background:#eef2e4;border-color:#bdcdae}
.cc-footer{border-top:1px solid #e2e6d9;padding-top:17px}.cc-footnotes{display:flex;gap:20px;align-items:start;justify-content:space-between;flex-wrap:wrap;margin-bottom:23px}.cc-history{font-size:10px;color:#8b9b7e;line-height:1.7;text-align:left;padding:0}.cc-sources{font-size:9px;color:#9ba48e;line-height:1.7;text-align:right;max-width:65%}.cc-sources summary{list-style:none;cursor:pointer}.cc-sources summary span{margin-left:8px;color:#b1baa5}.cc-sources>div{display:flex;flex-direction:column;gap:8px;margin-top:10px}.cc-sources a{color:#87967b;font-size:9px;text-decoration:none;overflow-wrap:anywhere}.cc-sources a:hover{text-decoration:underline}.cc-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px}.cc-navigation button{font-size:11px;line-height:1.7;color:#7d9271;padding:0;text-align:left}.cc-navigation button:last-child{color:#4e7456}.cc-navigation button span{margin-left:12px}
.cc-flight{animation:cc-deliver 4.8s infinite both}.cc-file{animation:cc-file-light 6s infinite}.cc-file-1{animation-delay:1.5s}.cc-file-2{animation-delay:3s}.cc-button{animation:cc-button-press 6s infinite}.cc-pointer{animation:cc-tap 6s infinite;transform-origin:280px 140px}.cc-led{animation:cc-blink 3.8s infinite}.cc-led:nth-of-type(2n){animation-delay:1s}.cc-gate{transform-origin:268px 104px;animation:cc-open-gate 5.6s infinite}.cc-memory-ink{animation:cc-memory-reset 6s infinite}.cc-restart{animation:cc-restart-light 6s infinite}.cc-record{animation:cc-record-save 4.8s infinite}.cc-disk-arm{transform-origin:269px 97px;animation:cc-arm-write 4.8s infinite}.cc-wifi{animation:cc-wave 3.5s infinite}.cc-branch-line{stroke-dasharray:380;animation:cc-branch 6s infinite}.cc-commit{animation:cc-commit 6s infinite}.cc-neuron{animation:cc-neuron 4s infinite}.cc-cpu{animation:cc-cpu 4.8s infinite}.cc-bit{animation:cc-bit 5s infinite}.cc-bit-1{animation-delay:.6s}.cc-bit-2{animation-delay:1.2s}.cc-bit-3{animation-delay:1.8s}
@keyframes cc-deliver{0%,9%{opacity:0;transform:translate(0,0)}15%{opacity:1}43%{opacity:1;transform:translate(var(--cc-x),var(--cc-y))}49%,100%{opacity:0;transform:translate(var(--cc-x),var(--cc-y))}}
@keyframes cc-file-light{0%,15%,65%,100%{opacity:.65}28%,45%{opacity:1;filter:drop-shadow(0 0 3px #d6aa6530)}}@keyframes cc-button-press{0%,57%,76%,100%{fill:var(--cc-gold)}64%,69%{fill:var(--cc-sage)}}@keyframes cc-tap{0%,52%,80%,100%{transform:translate(0,0)}62%,68%{transform:translate(-10px,-14px)}}@keyframes cc-blink{0%,35%,65%,100%{opacity:.4}42%,56%{opacity:1}}@keyframes cc-open-gate{0%,38%,94%,100%{transform:scaleY(1)}47%,80%{transform:scaleY(.12)}}@keyframes cc-memory-reset{0%,43%{opacity:1}52%,85%{opacity:0}96%,100%{opacity:1}}@keyframes cc-restart-light{0%,43%,67%,100%{stroke:var(--cc-ink)}49%,60%{stroke:var(--cc-gold)}}@keyframes cc-record-save{0%,26%{opacity:.2}42%,100%{opacity:1}}@keyframes cc-arm-write{0%,25%,70%,100%{transform:rotate(0)}39%,55%{transform:rotate(-20deg)}}@keyframes cc-wave{0%,100%{opacity:.25}35%,65%{opacity:.8}}@keyframes cc-branch{0%,7%{stroke-dashoffset:380}65%,100%{stroke-dashoffset:0}}@keyframes cc-commit{0%,8%{transform:translateX(0)}70%,100%{transform:translateX(262px)}}@keyframes cc-neuron{0%,12%,66%,100%{opacity:.45}30%,45%{opacity:1;fill:var(--cc-gold)}}@keyframes cc-cpu{0%,21%,65%,100%{fill:var(--cc-sage)}31%,45%{fill:var(--cc-gold)}}@keyframes cc-bit{0%,20%,65%,100%{opacity:.65}35%,50%{opacity:1;stroke-width:2.5}}
html[data-motion=off] .concept-dialog .cc-flight{opacity:0}html[data-motion=off] .concept-dialog .cc-memory-ink,html[data-motion=off] .concept-dialog .cc-record{opacity:1}html[data-motion=off] .concept-dialog .cc-branch-line{stroke-dashoffset:0}
@media(max-width:680px){.concept-dialog{width:660px;padding:23px;max-width:calc(100vw - 24px);max-height:92dvh}.cc-hero{gap:17px;grid-template-columns:1fr 1fr;margin:15px 0 21px;padding-bottom:21px}.cc-definition{font-size:20px;line-height:1.55}.cc-in-context{font-size:11px}.cc-diagram figcaption{font-size:9px;margin-left:9px;margin-right:9px}.cc-related button{font-size:10px}.cc-footnotes{margin-bottom:20px}.cc-meta{font-size:9px}}
@media(max-width:480px){.concept-dialog{padding:21px 20px}.concept-dialog .dialog-heading h2{font-size:18px}.cc-meta .cc-encountered{font-size:8px}.cc-hero{grid-template-columns:1fr;gap:19px}.cc-main{padding:0}.cc-definition{font-size:22px;margin-bottom:11px;max-width:none}.cc-in-context{font-size:11px;max-width:none}.cc-diagram{max-width:100%;padding:0 13px 12px}.cc-illustration{max-height:185px}.cc-diagram figcaption{font-size:10px}.cc-footnotes{gap:11px}.cc-sources{max-width:100%;text-align:left}.cc-navigation{gap:10px}.cc-navigation button{font-size:10px}.cc-navigation button span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.concept-dialog .cc-flight{opacity:0}.concept-dialog .cc-memory-ink,.concept-dialog .cc-record{opacity:1}.concept-dialog .cc-branch-line{stroke-dashoffset:0}}

.concept-dialog .cc-definition{text-wrap:balance}
.cc-experiment{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:-7px 0 23px;padding:13px 15px;border:1px solid #d5dfc8;border-radius:9px;background:#edf2e4;color:#52724f;font-size:12px;line-height:1.7;text-align:left;transition:background .15s,border-color .15s}.cc-experiment i{font-style:normal;font-size:15px;color:#829875}.cc-experiment:hover{background:#e5edd9;border-color:#b7c8a6}.cc-experiment:focus-visible{outline:2px solid #b69b62;outline-offset:3px}
.cc-cache-old{animation:cc-cache-old 7s infinite both}.cc-cache-new{animation:cc-cache-new 7s infinite both}.cc-cache-transfer{animation:cc-cache-transfer 7s infinite both}
@keyframes cc-cache-old{0%,31%{opacity:1}40%,92%{opacity:0}100%{opacity:1}}@keyframes cc-cache-new{0%,66%{opacity:0}75%,90%{opacity:1}100%{opacity:0}}@keyframes cc-cache-transfer{0%,42%{opacity:0;transform:translateX(0)}48%{opacity:1;transform:translateX(0)}68%{opacity:1;transform:translateX(-96px)}74%,100%{opacity:0;transform:translateX(-96px)}}
html[data-motion=off] .concept-dialog .cc-cache-old,html[data-motion=off] .concept-dialog .cc-cache-transfer{animation:none;opacity:0}html[data-motion=off] .concept-dialog .cc-cache-new{animation:none;opacity:1}
@media(prefers-reduced-motion:reduce){.concept-dialog .cc-cache-old,.concept-dialog .cc-cache-transfer{animation:none;opacity:0}.concept-dialog .cc-cache-new{animation:none;opacity:1}}