/* Reuse the About page's original watercolor footer and site typography. */
.island-guide-shell{position:relative;isolation:isolate;min-height:100vh;background:#fff;padding-bottom:90px}
.island-guide-shell::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:0;height:220px;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 65%),url('/ui/word-footer-brush.png') center bottom/100% 100% no-repeat}
.island-guide .island-content{max-width:1050px;margin:0 auto;color:var(--ink,#244e68)}
.island-guide .island-intro{margin:24px 0 28px;max-width:900px}
.island-guide .island-intro h1{margin:0 0 12px}
.island-guide .island-lead{font-weight:600;margin:0 0 10px}
.island-guide p,.island-guide li{line-height:1.8}
.island-guide .island-section{margin:26px 0}
.island-guide .island-section>h2{display:flex;gap:12px;align-items:center;font-size:1.2em;margin:0 0 16px}
.island-guide .island-section>h2>span{color:#7199b1;font-size:.8em;font-weight:400}
.island-guide .island-grid,.island-guide .island-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.island-guide .island-card,.island-guide .island-accounts .panel{border:1px solid #dbe7ef;border-radius:10px;background:rgba(255,255,255,.93);box-shadow:none;margin:0}
.island-guide .island-card summary{position:relative;cursor:pointer;list-style:none;padding:18px 42px 18px 20px;border-radius:10px;background:#f6fafc}
.island-guide .island-card summary::-webkit-details-marker{display:none}
.island-guide .island-card summary:hover{background:#eef6fb}
.island-guide .island-card summary:focus-visible{outline:2px solid #2871a5;outline-offset:3px}
.island-guide .island-card h3,.island-guide .island-accounts h3{font-size:1em;line-height:1.6;margin:0 0 5px}
.island-guide .island-card summary p{font-size:.88em;color:#648398;margin:0}
.island-guide .island-disclosure{position:absolute;right:16px;top:20px;color:#5284a3}
.island-guide .island-card[open] .island-disclosure{transform:rotate(45deg)}
.island-guide .island-card-body{padding:4px 20px 20px}
.island-guide .island-card-body ul{padding-left:1.3em;margin:12px 0}
.island-guide .island-card-body li{margin:7px 0}
.island-guide .island-steps{border-top:1px solid #e4edf3;padding-top:12px;font-size:.9em}
.island-guide .island-accounts .panel{padding:18px 20px}
.island-guide .island-accounts p{margin:8px 0 12px;font-size:.92em}
.island-guide .island-note{font-size:.82em;color:#66869b;margin:12px 0}
.island-guide .island-rights{display:grid;gap:10px}
@media(max-width:650px){.island-guide .island-grid,.island-guide .island-accounts{grid-template-columns:1fr}.island-guide .island-intro{margin-top:18px}.island-guide-shell::after{height:160px}.island-guide .island-card summary{padding-left:15px}.island-guide .island-card-body{padding-left:15px;padding-right:15px}}

/* Keep the guide watercolor anchored to the viewport while reading. */
.island-guide-shell:has(> .island-guide)::after{position:fixed}

/* Compact public navigation; preserve the existing guide cards and watercolor. */
.island-guide .island-shortcuts{margin:18px 0 0;padding:16px 18px;border:1px solid #dbe7ef;border-radius:10px;background:rgba(255,255,255,.93)}
.island-guide .island-shortcuts-title{margin:0 0 10px;font-size:.9em;font-weight:600}
.island-guide .island-shortcut-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.island-guide .island-shortcut-list a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:5px 0;color:inherit;text-decoration:none}
.island-guide .island-shortcut-list strong{font-size:.88em;font-weight:600}
.island-guide .island-shortcut-list a>span{font-size:.78em;color:#648398;line-height:1.6}
.island-guide .island-shortcut-list a:hover strong{text-decoration:underline;text-underline-offset:3px}
.island-guide .island-shortcut-list a:focus-visible{outline:2px solid #2871a5;outline-offset:4px;border-radius:3px}
.island-guide .island-shortcuts>.island-note{margin:10px 0 0}
@media(max-width:650px){.island-guide .island-shortcuts{padding:14px 15px}.island-guide .island-shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}

/* Support stays easy to find at the end of the public guide. */
.island-guide .island-support{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 0;padding:20px;border:1px solid #dbe7ef;border-radius:10px;background:rgba(255,255,255,.95)}
.island-guide .island-support>div{min-width:0}
.island-guide .island-support h2{margin:0 0 6px;font-size:1.05em;line-height:1.6}
.island-guide .island-support p{margin:0;font-size:.88em;color:#648398}
.island-guide .island-support-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex-shrink:0}
.island-guide .island-support-email{display:flex;flex-direction:column;gap:2px;font-size:.95em;font-weight:600;color:#245b7b;line-height:1.7;overflow-wrap:anywhere;text-underline-offset:3px}
.island-guide .island-support-email>span{font-size:.82em;font-weight:400;color:#648398}
.island-guide .island-support-more{font-size:.78em;color:#527a96}
.island-guide .island-support a:focus-visible{outline:2px solid #2871a5;outline-offset:4px;border-radius:3px}
@media(max-width:700px){.island-guide .island-support{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.island-guide .island-support-links{max-width:100%}}

/* Show the reason to explore first; keep operational details optional. */
.island-guide .island-start{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:15px 18px;border-left:3px solid #9ebfd4;background:#f6fafc;line-height:1.8}
.island-guide .island-start .button{flex-shrink:0}
.island-guide .island-grid{gap:18px;align-items:stretch}
.island-guide .island-scene{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #dbe7ef;border-radius:10px;background:rgba(255,255,255,.95)}
.island-guide .island-scene h3{margin:0 0 12px;font-size:1.18em;line-height:1.6}
.island-guide .island-scene>p{margin:0 0 16px}
html[data-yuni-surface='public'] #app .island-guide .island-scene-tag{font-size:14px;line-height:1.6;letter-spacing:.05em;color:#577f9a;margin-bottom:7px}
.island-guide .island-benefit{padding:12px 14px;border-radius:6px;background:#f3f8fc;color:#315f7c}
html[data-yuni-surface='public'] #app .island-guide .island-benefit{font-size:16px;line-height:1.8}
.island-guide .island-private-note{display:block;margin-top:8px;font-size:14px;line-height:1.7;color:#648398}
.island-guide .island-scene-details{border-top:1px solid #e4edf3;margin-top:auto}
.island-guide .island-scene-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:12px 0;color:#456f8b;font-size:15px;line-height:1.6}
.island-guide .island-scene-details summary::-webkit-details-marker{display:none}
.island-guide .island-scene-details[open] summary>span{transform:rotate(45deg)}
html[data-yuni-surface='public'] #app .island-guide .island-scene-details :is(p,li){font-size:15px;line-height:1.8}
.island-guide .island-scene-details ul{padding-left:1.3em}
.island-guide .island-scene-details li{margin:7px 0}
.island-guide .island-scene-details p{margin:0 0 12px}
.island-guide .island-scene-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:7px}
.island-guide .island-text-link{font-size:14px;line-height:1.7;color:#456f8b;text-underline-offset:4px}
.island-guide .island-activate{text-align:center;margin:34px 0 0;padding:28px 20px 12px}
.island-guide .island-activate h2{font-size:1.15em;line-height:1.7;margin:0 0 8px}
.island-guide .island-activate p{margin:0 0 16px;color:#648398}
html[data-yuni-surface='public'] #app .island-guide a.island-activation-link{display:inline-block;padding:8px 4px;font-size:18px;line-height:1.6;font-weight:400;color:#002fa7;text-decoration:none}
.island-guide a.island-activation-link:hover{text-decoration:underline;text-underline-offset:6px}
.island-guide :is(.island-scene-details summary,.island-text-link,.island-activation-link):focus-visible{outline:2px solid #002fa7;outline-offset:4px;border-radius:3px}
@media(max-width:700px){.island-guide .island-start{align-items:flex-start;flex-direction:column;gap:10px}.island-guide .island-scene{padding:18px}.island-guide .island-activate{padding:22px 0 6px}}

/* Two clear paths: activity organizers on the left, explorers on the right. */
.island-guide .island-audiences{align-items:start;gap:22px}
.island-guide .island-audience{display:flex;flex-direction:column;gap:16px;min-width:0}
.island-guide .island-audience-title{margin:0;padding:0 3px;font-size:1.1em;line-height:1.5}
.island-guide .island-audience--host .island-scene{background:#fff9e9;border-color:#e8d398}
.island-guide .island-audience--host .island-benefit{background:#f7edcf;color:#5e512e}
html[data-yuni-surface='public'] #app .island-guide .island-audience--host .island-scene-tag{color:#7b6838}
.island-guide .island-audience--host .island-scene-details{border-color:#e8d9b1}
.island-guide .island-audience--guest .island-scene{background:#eef7ff;border-color:#bcd9ef}
.island-guide .island-audience--guest .island-benefit{background:#dfedfa}
.island-guide .island-audience--guest .island-scene-details{border-color:#c8dfef}
@media(max-width:650px){.island-guide .island-audiences{gap:24px}.island-guide .island-audience{gap:14px}}

/* E06 reading hierarchy: explicit sizes prevent nested em rules and global prose
   selectors from shrinking headings below their descriptions. */
html[data-yuni-surface='public'] #app main.island-guide .island-content{font-size:16px;line-height:1.65}
html[data-yuni-surface='public'] #app main.island-guide .island-content :is(p,li){font-size:16px;line-height:1.65}
html[data-yuni-surface='public'] #app main.island-guide .island-content p{margin:0 0 10px}
html[data-yuni-surface='public'] #app main.island-guide .island-content h1{font-size:28px;line-height:1.35;margin:0 0 10px}
html[data-yuni-surface='public'] #app main.island-guide .island-content h2{font-size:22px;line-height:1.4;margin:0 0 12px}
html[data-yuni-surface='public'] #app main.island-guide .island-content h3{font-size:18px;line-height:1.5;margin:0 0 8px}
html[data-yuni-surface='public'] #app main.island-guide .island-content :is(.button,button){font-size:15px;line-height:1.5}
.island-guide .island-intro{margin:18px 0 22px}
.island-guide .island-start{margin-top:16px;padding:12px 16px}
.island-guide .island-section{margin:22px 0}
.island-guide .island-section>h2{gap:10px;padding:11px 16px;border-left:4px solid #397fae;border-radius:0 6px 6px 0;background:#eaf4fc;color:#194e78;font-weight:700}
.island-guide .island-section>h2>span{font-size:18px;color:#39739c;font-weight:700;flex-shrink:0}
html[data-yuni-surface='public'] #app main.island-guide .island-content .island-audience-title{margin:0}
.island-guide .island-audience{gap:14px}
.island-guide .island-scene{padding:20px}
html[data-yuni-surface='public'] #app main.island-guide .island-content .island-scene-tag{font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 5px}
.island-guide .island-benefit{padding:10px 12px}
.island-guide .island-private-note{margin-top:5px;font-size:14px;line-height:1.6;color:#52768d}
.island-guide .island-scene-details summary{padding:10px 0;line-height:1.5}
.island-guide .island-content li{margin:5px 0}
.island-guide .island-scene-links{gap:8px 12px;margin-top:5px}
.island-guide .island-text-link{font-size:15px;line-height:1.5}
html[data-yuni-surface='public'] #app main.island-guide .island-content .island-shortcuts-title{font-size:18px;line-height:1.5;font-weight:600;margin:0 0 8px}
.island-guide .island-shortcut-list strong{font-size:16px;line-height:1.5}
.island-guide .island-shortcut-list a>span{font-size:14px;line-height:1.5;color:#52768d}
.island-guide .island-shortcut-list a{gap:4px;padding:6px 0}
.island-guide .island-card summary{padding:14px 42px 14px 18px}
html[data-yuni-surface='public'] #app main.island-guide .island-card summary h3{margin:0 0 4px}
html[data-yuni-surface='public'] #app main.island-guide .island-card summary p{font-size:14px;line-height:1.6;color:#52768d;margin:0}
.island-guide .island-disclosure{top:16px}
.island-guide .island-card-body{padding:10px 18px 16px}
.island-guide .island-accounts .panel{padding:16px}
html[data-yuni-surface='public'] #app main.island-guide .island-content .island-note{font-size:14px;line-height:1.6;color:#52768d;margin:10px 0}
.island-guide .island-support{margin-top:22px;padding:18px}
html[data-yuni-surface='public'] #app main.island-guide .island-support h2{font-size:18px;line-height:1.5;margin:0 0 6px}
html[data-yuni-surface='public'] #app main.island-guide .island-support p{font-size:14px;line-height:1.6;color:#52768d;margin:0}
.island-guide .island-support-email{font-size:16px;line-height:1.6}
.island-guide .island-support-email>span,.island-guide .island-support-more{font-size:14px;line-height:1.6}
.island-guide .island-activate{margin-top:24px;padding:18px 20px 10px}
html[data-yuni-surface='public'] #app main.island-guide .island-activate h2{font-size:22px;line-height:1.4;margin:0 0 8px}
html[data-yuni-surface='public'] #app main.island-guide .island-activate p{margin:0 0 12px}
html[data-yuni-surface='public'] #app main.island-guide a.island-activation-link{font-size:18px;font-weight:400;line-height:1.5;padding:6px 4px}
@media(max-width:650px){.island-guide .island-scene{padding:16px}.island-guide .island-audiences{gap:20px}.island-guide .island-card summary{padding-left:15px}.island-guide .island-card-body{padding-left:15px;padding-right:15px}.island-guide .island-activate{padding:18px 0 6px}}

/* Three purposes, with two independent cards in each column. */
html[data-yuni-surface='public'] #app main.island-guide{width:calc(100% - 64px);max-width:1480px;margin-inline:auto;box-sizing:border-box}
.island-guide .island-content{max-width:none}
.island-guide .island-audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.island-guide .island-audience--learning .island-scene{background:#f5f1fc;border-color:#d9cced}
.island-guide .island-audience--learning .island-benefit{background:#ece5f7;color:#5c4d78}
html[data-yuni-surface='public'] #app .island-guide .island-audience--learning .island-scene-tag{color:#796693}
.island-guide .island-audience--learning .island-scene-details{border-color:#ddd0ed}
.island-guide .island-shortcut-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.island-guide .island-scene-links .button{white-space:normal;max-width:100%;height:auto}
@media(max-width:1000px){.island-guide .island-audiences{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){html[data-yuni-surface='public'] #app main.island-guide{width:calc(100% - 32px)}.island-guide .island-shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr))}}