/* Sector layout: a single accent drives labels, selection and background pools. */
.section-view{position:absolute;inset:0;z-index:12;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#29323e transparent;background:#030710;color:#e8edf5;isolation:isolate}
.section-view .section-content,.section-view #sectionContent{--section-accent:#DCE4EE;position:relative;min-height:100%;isolation:isolate}
.section-view .section-content::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 285px 290px at 105% 290px,color-mix(in srgb,var(--section-accent) 19%,transparent),transparent 80%),radial-gradient(ellipse 280px 300px at -15% 660px,color-mix(in srgb,var(--section-accent) 16%,transparent),transparent 80%)}
.section-view .section-screen{position:relative;z-index:1;width:100%;min-width:0;padding:calc(22px + var(--aes-safe-top, env(safe-area-inset-top, 0px))) 18px calc(26px + var(--aes-safe-bottom, env(safe-area-inset-bottom, 0px)));margin:0 auto}
.section-view .section-intro{margin-bottom:18px}
.section-view .section-intro-top,.section-view .section-feature-head,.section-view .section-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Exo,sans-serif;font-size:9px;line-height:1.5;letter-spacing:.12em}
.section-view .section-kicker{color:var(--section-accent);min-width:0}
.section-view .section-demo{flex-shrink:0;padding:4px 7px;border-radius:7px;font-size:8px;color:#aeb8c6}
.section-view .section-intro h2{font-family:Exo,sans-serif;font-size:clamp(26px,7.5vw,32px);font-weight:450;line-height:1.14;letter-spacing:.015em;margin:13px 0 7px;overflow-wrap:break-word}
.section-view .section-intro p{font:13px/1.45 Jura,Exo,sans-serif;margin:0;color:#abb6c5;max-width:38ch}
.section-view .section-feature,.section-view .section-detail,.section-view .section-sample,.section-view .section-demo,.section-view .section-nav .icon-button{background:linear-gradient(145deg,rgba(226,234,246,.075),rgba(181,198,219,.035));border:1px solid rgba(223,232,245,.12);box-shadow:inset 0 1px 0 rgba(246,250,255,.035),0 8px 24px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.section-view .section-feature{position:relative;overflow:hidden;border-radius:20px;scroll-margin-top:calc(76px + var(--aes-safe-top, env(safe-area-inset-top, 0px)))}
.section-view .section-feature-head{padding:15px 17px 0;font-size:9px;min-height:30px}
.section-view .section-feature-code{color:var(--section-accent)}
.section-view .section-feature-count{color:#8591a2;font-family:Oxanium,Exo,sans-serif}
.section-view .section-art{position:relative;display:flex;align-items:center;justify-content:center;height:224px;padding:7px 4px;margin:0;overflow:hidden}
.section-view .section-art svg{display:block;width:100%;height:100%;max-width:360px;flex-shrink:0;filter:none}
.section-view .section-feature-caption{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:8px 17px 17px}
.section-view .section-feature-caption span{font:9px/1.4 Exo,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--section-accent)}
.section-view .section-feature-caption strong{font:500 17px/1.25 Exo,sans-serif;color:#edf1f7;overflow-wrap:anywhere}
.section-view .section-detail{display:flex;flex-direction:column;justify-content:flex-start;gap:9px;margin-top:10px;padding:14px;border-radius:16px;min-height:142px}
.section-view .section-detail p{margin:0;font:500 13px/1.5 Jura,Exo,sans-serif;color:#c6cfda;overflow-wrap:break-word}
.section-view .section-detail h3{margin:0;color:var(--section-accent);font:550 16px/1.3 Exo,sans-serif;overflow-wrap:anywhere}
.section-view .section-detail span{order:-1;color:var(--section-accent);font:9px/1.4 Exo,sans-serif;letter-spacing:.09em;text-transform:uppercase;max-width:100%}
.section-view .section-list-heading{margin:19px 2px 10px;color:#96a2b3;font-size:9px}
.section-view .section-list-heading span:last-child{color:#8290a3;white-space:nowrap}
.section-view .section-samples{display:grid;gap:8px}
.section-view .section-sample{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:11px;width:100%;min-height:66px;padding:10px 13px;border-radius:14px;text-align:left;color:#e3e9f0;cursor:pointer;transition:background .18s,border-color .18s}
.section-view .section-sample:hover{background:rgba(220,231,247,.085)}
.section-view .section-sample[aria-pressed="true"]{background:rgba(217,230,247,.08);border-color:color-mix(in srgb,var(--section-accent) 52%,transparent);box-shadow:inset 2px 0 var(--section-accent),inset 0 1px rgba(245,250,255,.04)}
.section-view .section-sample:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
.section-view .section-sample-number{font:12px/1.4 Oxanium,Exo,sans-serif;color:var(--section-accent)}
.section-view .section-sample-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.section-view .section-sample-copy strong{font:500 12px/1.35 Exo,sans-serif;overflow-wrap:break-word}
.section-view .section-sample-copy small{font:10px/1.35 Jura,Exo,sans-serif;color:#a5afbf}
.section-view .section-sample-arrow{font-size:18px;color:var(--section-accent)}
.section-view .section-footer{font:11px/1.5 Jura,Exo,sans-serif;color:#8b97a8;text-align:center;margin:20px 2px 0}
@media(max-width:350px){.section-view .section-screen{padding-inline:14px}.section-view .section-nav{padding-inline:14px}.section-view .section-intro-top{font-size:8px}.section-view .section-art{height:200px}.section-view .section-detail{min-height:156px}.section-view .section-sample{min-height:72px}}
@media(prefers-reduced-motion:reduce){.section-view .section-sample{transition:none}}

/* Quiet atmosphere: effects stay behind content and never intercept input. */
.hub-view{isolation:isolate}
.hub-view > :not(.hub-atmosphere){position:relative;z-index:1}
.hub-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hub-atmosphere::before{content:"";position:absolute;inset:-5%;background:radial-gradient(ellipse at 88% 17%,rgba(85,154,222,.14),transparent 32%),radial-gradient(ellipse at 12% 80%,rgba(70,153,181,.1),transparent 26%);animation:ambient-glow 18s ease-in-out infinite alternate}
.ambient-stars{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;animation:ambient-twinkle 7s ease-in-out infinite alternate}
.stars-near{background-image:radial-gradient(circle at 12% 14%,#d3efff 0 1px,rgba(120,197,244,.24) 1.5px,transparent 5px),radial-gradient(circle at 84% 24%,#c6e8fc 0 1px,transparent 4px),radial-gradient(circle at 91% 78%,#e6f6ff 0 1px,transparent 4px),radial-gradient(circle at 27% 88%,#a6cce6 0 .7px,transparent 3px)}
.stars-far{background-image:radial-gradient(circle at 64% 8%,#d3efff 0 .8px,transparent 3px),radial-gradient(circle at 7% 47%,#c6e8fc 0 .7px,transparent 3px),radial-gradient(circle at 78% 93%,#c6e8fc 0 .8px,transparent 3px);animation-duration:11s;animation-delay:-4s}
.ambient-trail{position:absolute;left:67%;top:10%;width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(174,219,248,.5));opacity:0;transform:rotate(32deg);animation:ambient-trail 26s linear infinite;animation-delay:5s}
@keyframes ambient-twinkle{from{opacity:.22}to{opacity:.57}}
@keyframes ambient-glow{from{opacity:.45;transform:translate3d(-3px,2px,0)}to{opacity:.9;transform:translate3d(5px,-4px,0)}}
@keyframes ambient-trail{0%,88%{opacity:0;transform:translate3d(-35px,-22px,0) rotate(32deg)}89%{opacity:.38}93%,100%{opacity:0;transform:translate3d(85px,53px,0) rotate(32deg)}}
@keyframes sample-light{from{opacity:.22}to{opacity:.43}}
@keyframes sample-hover{from{transform:translateY(1px)}to{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){
.hub-atmosphere::before,.hub-atmosphere i,.section-view::before,.section-view .section-feature::before,.section-view .section-art svg{animation:none!important;transform:none!important}
.ambient-stars{opacity:.3}.ambient-trail{display:none}
}

/* Catalog motion should remain visible around the opaque game cards. */
.hub-atmosphere::before{background:radial-gradient(ellipse at 85% 12%,rgba(89,164,241,.34),transparent 31%),radial-gradient(ellipse at 18% 86%,rgba(75,153,203,.24),transparent 28%);animation-duration:10s}
.hub-atmosphere .stars-near{background-image:radial-gradient(circle at 12% 14%,#e8f7ff 0 1.4px,rgba(125,203,255,.5) 2px,transparent 7px),radial-gradient(circle at 86% 18%,#e0f4ff 0 1.5px,rgba(125,203,255,.4) 2px,transparent 8px),radial-gradient(circle at 94% 85%,#e6f6ff 0 1.5px,rgba(125,203,255,.4) 2px,transparent 7px),radial-gradient(circle at 27% 88%,#d9edfc 0 1.2px,transparent 5px);animation:catalog-twinkle 3.8s ease-in-out infinite alternate}
.hub-atmosphere .stars-far{background-image:radial-gradient(circle at 58% 7%,#d3efff 0 1.2px,transparent 5px),radial-gradient(circle at 3% 47%,#c6e8fc 0 1.1px,transparent 5px),radial-gradient(circle at 71% 94%,#e2f4ff 0 1.3px,transparent 5px),radial-gradient(circle at 98% 33%,#c6e8fc 0 1px,transparent 4px);animation:catalog-twinkle 5.2s ease-in-out infinite alternate;animation-delay:-2s}
.hub-atmosphere .ambient-trail{left:56%;top:9%;width:86px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(167,217,255,.35),#d7f1ff);filter:drop-shadow(0 0 3px #7bc8ff);animation:catalog-meteor 9s linear infinite;animation-delay:-1s}
@keyframes catalog-twinkle{from{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-2px)}}
@keyframes catalog-meteor{0%{opacity:0;transform:translate(-55px,-25px) rotate(28deg)}5%{opacity:.85}19%{opacity:0;transform:translate(100px,57px) rotate(28deg)}100%{opacity:0;transform:translate(100px,57px) rotate(28deg)}}
@media(prefers-reduced-motion:reduce){.hub-atmosphere .ambient-stars,.hub-atmosphere .ambient-trail{animation:none!important}.hub-atmosphere .ambient-stars{opacity:.55}}

/* Catalog: keep point lights and meteors, without the broad ambient wash. */
.hub-atmosphere::before{display:none}

/* Moving depth and small navigation-like glints, without a light wash. */
.hub-view{background:#06101a}
.catalog-depth{position:absolute;inset:-12px;background:linear-gradient(180deg,rgba(3,10,17,.35),rgba(3,10,17,.78)),url('/mini/assets/catalog-space.webp') center/cover;animation:catalog-depth-drift 20s ease-in-out infinite alternate}
.catalog-rock{position:absolute;height:auto;pointer-events:none;filter:brightness(.55);animation:catalog-rock-drift 13s ease-in-out infinite alternate}
.catalog-rock.rock-left{width:90px;left:-52px;top:77%;animation-delay:-5s}
.catalog-rock.rock-right{width:75px;right:-43px;top:89%;animation-duration:17s;animation-direction:alternate-reverse}
.catalog-signal{position:absolute;width:var(--dot);height:var(--dot);border-radius:50%;background:#d3eaff;opacity:.2;animation:catalog-signal-blink var(--period) ease-in-out var(--delay) infinite}
@keyframes catalog-depth-drift{from{transform:translate3d(-4px,3px,0) rotate(-.35deg)}to{transform:translate3d(5px,-4px,0) rotate(.35deg)}}
@keyframes catalog-rock-drift{from{transform:translate3d(-5px,-7px,0) rotate(-8deg)}to{transform:translate3d(9px,9px,0) rotate(9deg)}}
@keyframes catalog-signal-blink{0%,100%{opacity:.12;transform:scale(.8)}42%{opacity:.35}50%{opacity:.95;transform:scale(1.2)}62%{opacity:.2}70%{opacity:.6}80%{opacity:.15}}
.app:not([data-view="hub"]) .catalog-depth,.app:not([data-view="hub"]) .catalog-rock{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.catalog-depth,.catalog-rock,.hub-atmosphere .catalog-signal{animation:none!important;transform:none!important}.hub-atmosphere .catalog-signal{opacity:.4}}

.app:not([data-view="hub"]) .hub-atmosphere::before,.app:not([data-view="hub"]) .hub-atmosphere i{animation-play-state:paused}

.section-view .section-art img{display:block;width:100%;height:100%;object-fit:contain;max-width:300px}
.section-view .section-planet-art{height:clamp(310px,90vw,360px);padding:12px 18px}
.section-view .section-planet-art img{width:auto;max-width:100%;border-radius:12px}
.section-empty{margin-top:24px;padding:32px 22px;border:1px solid #dce4ee20;border-radius:20px;background:linear-gradient(145deg,#e2eaf613,#b5c6db09);backdrop-filter:blur(22px)}
.section-empty>span{font:9px Exo,sans-serif;letter-spacing:.12em;color:var(--section-accent)}
.section-empty h3{font:500 23px Exo,sans-serif;margin:18px 0 12px}
.section-empty p{font:14px/1.6 Jura,sans-serif;color:#b3becb;margin:0 0 24px}
.section-explore{width:100%;padding:14px 12px;border:1px solid color-mix(in srgb,var(--section-accent) 40%,transparent);border-radius:12px;background:#dde8f50c;color:var(--section-accent);font:500 12px Exo,sans-serif;cursor:pointer}

.section-view .section-owned .section-detail{min-height:94px}
.section-view .section-owned .section-sample{grid-template-columns:44px minmax(0,1fr) 16px;min-height:76px;gap:12px}
.section-sample-thumb{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#dce4ee07}
.section-sample-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.section-view .section-sample[hidden],.section-no-results[hidden]{display:none}
.section-search{width:100%;min-height:44px;margin:0 0 12px;padding:11px 13px;border:1px solid #dce4ee25;border-radius:12px;background:#dce4ee09;color:#e5edf5;font:13px Exo,sans-serif}
.section-search::placeholder{color:#93a1b3}.section-search:focus-visible{outline:2px solid var(--section-accent);outline-offset:2px}
.section-no-results{font:13px/1.5 Jura,sans-serif;color:#a6b6c8;padding:15px 4px}
.section-explore:disabled{opacity:.55;cursor:default}
.archive-world-copy{display:flow-root;padding:18px}
.archive-world-orb{float:right;width:76px;height:76px;display:block;box-sizing:border-box;margin:0 0 4px 6px;padding:7px;border-radius:16px;background:rgba(220,232,245,.055);border:1px solid rgba(223,232,245,.1)}
.archive-world-copy h3{margin:3px 0 5px;color:var(--section-accent);font:550 18px/1.3 Exo,sans-serif;overflow-wrap:anywhere}
.archive-world-subtitle{display:block;margin-bottom:12px;color:#a5b4c6;font:11px/1.4 Jura,Exo,sans-serif}
.archive-world-copy p{margin:0;color:#c6cfda;font:500 13px/1.6 Jura,Exo,sans-serif;overflow-wrap:break-word}
.archive-world-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding:16px 18px;border:1px solid rgba(223,232,245,.16);border-radius:16px;background:linear-gradient(145deg,rgba(226,234,246,.075),rgba(181,198,219,.035));color:var(--section-accent);font:500 13px/1.4 Exo,sans-serif;cursor:pointer;backdrop-filter:blur(22px)}
.archive-world-link:hover{border-color:var(--section-accent)}
.archive-world-link:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
.cabin-balance{display:flex;align-items:center;gap:7px;padding:12px 14px;border:1px solid #dfe8f51f;border-radius:14px;background:#dce8f509;margin-bottom:16px;font:12px Exo,sans-serif;color:#abb6c5}
.cabin-balance>span{flex:1}.cabin-balance strong{font:500 20px Oxanium,sans-serif;color:#e5d9f2}.cabin-balance img{width:23px;height:23px;object-fit:contain}
.cabin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px;padding:5px;border:1px solid #dfe8f51a;border-radius:14px;background:#dce8f505}
.cabin-tabs button{padding:11px 4px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aeb7c7;font:500 12px Exo,sans-serif;cursor:pointer}
.cabin-tabs button[aria-selected="true"]{background:#c9aedf14;color:#e5d9f2;border-color:#c9aedf40}
.cabin-card{padding:18px;border:1px solid #dfe8f51f;border-radius:20px;background:linear-gradient(145deg,#e2eaf613,#b5c6db09);backdrop-filter:blur(22px)}
.cabin-kicker{font:9px/1.5 Exo,sans-serif;letter-spacing:.12em;color:var(--section-accent)}
.cabin-card h3{font:500 20px/1.3 Exo,sans-serif;color:#e8edf5;margin:10px 0}
.cabin-card p{font:13px/1.55 Jura,Exo,sans-serif;color:#b6c0cf;margin:0 0 18px}
.cabin-link-label{display:block;font:10px/1.4 Exo,sans-serif;color:#a5b4c6;margin-bottom:7px}
.cabin-link{width:100%;min-width:0;padding:12px;border:1px solid #dfe8f526;border-radius:10px;background:#03071055;color:#cec1e0;font:11px/1.4 Oxanium,sans-serif;margin-bottom:10px}
.cabin-action,.cabin-secondary{display:block;width:100%;min-height:44px;padding:12px;border:1px solid #c9aedf45;border-radius:11px;background:#c9aedf14;color:#e0cbed;font:500 12px/1.4 Exo,sans-serif;cursor:pointer}
.cabin-secondary{background:transparent;color:#b8c2d0;border-color:#dfe8f526}
.cabin-action:disabled,.cabin-secondary:disabled{opacity:.45;cursor:default}
.cabin-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0;font:12px/1.4 Jura,sans-serif;color:#adb9c9}.cabin-stat strong{font:500 16px Oxanium,sans-serif;color:#e5d9f2}
.cabin-reward{display:flex;align-items:center;gap:6px;margin-bottom:20px}.cabin-reward strong{font:500 27px Oxanium,sans-serif;color:#e5d9f2}.cabin-crystal{width:29px;height:29px;object-fit:contain}.cabin-reward>span{font:11px Exo,sans-serif;color:#a8b3c4;margin-left:6px}
.cabin-progress{height:5px;border-radius:5px;background:#dce8f513;overflow:hidden}.cabin-progress>span{display:block;height:100%;border-radius:inherit;background:#c9aedf;transition:width .2s}
.cabin-packs{display:grid;gap:9px}.cabin-pack{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 11px;border:1px solid #c9aedf28;border-radius:13px;background:#c9aedf08;color:#e3d8ef;cursor:pointer}
.cabin-pack>img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.cabin-pack>span:nth-child(2){flex:1;min-width:0}.cabin-pack strong{display:block;font:500 13px Exo,sans-serif}.cabin-pack small{display:block;margin-top:5px;font:11px Jura,sans-serif;color:#aab4c4}.cabin-pack-action{font:10px Exo,sans-serif;white-space:nowrap;color:#c9aedf}
.cabin-feedback{font:12px/1.5 Jura,sans-serif;color:#c9aedf;margin:12px 2px 0}.cabin-feedback:empty{display:none}
.cabin-tabs button:focus-visible,.cabin-pack:focus-visible{outline:2px solid var(--section-accent);outline-offset:2px}

/* Silhouette-aware framing: transparent generator margins do not set the scale. */
.specimen-art{display:block;width:100%;height:100%;overflow:hidden}
.section-view .section-art .specimen-art{max-width:320px;max-height:210px}
.section-view .section-owned .section-sample{grid-template-columns:64px minmax(0,1fr) 16px}
.section-sample-thumb{width:64px;height:56px;padding:3px}
@media(max-width:350px){.section-view .section-art .specimen-art{max-height:186px}}

.archive-planet-art{display:block;width:100%;height:100%;overflow:hidden}
.section-sample-thumb .archive-planet-art{width:48px;height:48px}

/* Cabin tasks: reward, repeatable invitation, and milestone progress are separate. */
.cabin-tasks{display:grid;gap:12px}
.cabin-claim-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(120deg,#c9aedf17,#b5c6db06)}
.cabin-claim-card .cabin-reward{margin:6px 0 4px;gap:5px}
.cabin-claim-card .cabin-reward strong{font-size:25px;line-height:1}
.cabin-claim-card .cabin-crystal{width:24px;height:24px}
.cabin-claim-card p{font:11px/1.4 Jura,Exo,sans-serif;margin:0;max-width:22ch}
.cabin-claim-card .cabin-action{width:auto;min-width:83px;padding:11px 14px}
.cabin-task-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cabin-task-prize{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:#e5d9f2;font:500 16px/1.2 Oxanium,Exo,sans-serif;white-space:nowrap}
.cabin-task-prize .cabin-crystal{width:21px;height:21px}
.cabin-task-card h3,.cabin-levels-card h3{font-size:17px;line-height:1.35;margin:10px 0 6px}
.cabin-task-card p,.cabin-levels-card p{font-size:12px;margin:0 0 14px}
.cabin-task-count{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #dfe8f514;font:12px/1.4 Jura,Exo,sans-serif;color:#b6c0cf}
.cabin-task-count strong{font:500 18px Oxanium,Exo,sans-serif;color:#e5d9f2}
.cabin-task-rules{margin:0 0 14px}
.cabin-task-rules summary,.cabin-all-levels summary,.cabin-task-demo summary{cursor:pointer;min-height:36px;padding:9px 0;font:11px/1.5 Exo,sans-serif;color:#c9b8d9}
.cabin-task-rules p{margin:4px 0 0;color:#aeb9c9}
.cabin-level{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.cabin-level-copy{display:grid;gap:4px;min-width:0}
.cabin-level-copy strong{font:500 12px/1.4 Exo,sans-serif;color:#d9dfeb}
.cabin-level-copy>span{font:11px/1.4 Jura,Exo,sans-serif;color:#8f9caf}
.cabin-level.is-current .cabin-level-copy>span{color:#c9aedf}
.cabin-level.is-reached .cabin-level-copy>span{color:#9dc8b4}
.cabin-levels-card>.cabin-level{padding:0 0 12px}
.cabin-levels-card>.cabin-progress{height:4px;margin-bottom:10px}
.cabin-all-levels{border-top:1px solid #dfe8f514;margin-top:3px}
.cabin-level-list .cabin-level+.cabin-level{border-top:1px solid #dfe8f50d}
.cabin-levels-complete{padding:8px 0 15px;color:#9dc8b4;font:12px/1.5 Jura,Exo,sans-serif}
.cabin-task-demo{padding:0 4px;color:#8491a4}
.cabin-task-demo summary{color:#8f9caf}
.cabin-task-demo p{font:12px/1.5 Jura,Exo,sans-serif;margin:3px 0 12px}
.cabin-tasks summary:focus-visible,.cabin-tasks button:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px;border-radius:5px}