.welcome-page{min-block-size:80vh;padding:clamp(24px,5vw,72px) clamp(18px,5vw,72px) 90px;color:var(--text-primary);background:var(--surface-paper)}.welcome-heading,.welcome-layout{max-inline-size:1120px;margin-inline:auto}.welcome-heading{margin-block-end:32px}.welcome-heading h1{margin:12px 0;font:500 clamp(2rem,5vw,3.7rem)/1.12 var(--font-display);text-wrap:balance}.welcome-heading p{max-inline-size:60ch;line-height:1.65}.welcome-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,2fr);gap:28px;align-items:start}.welcome-chapters{display:grid;gap:8px}.welcome-chapters button{display:flex;align-items:center;gap:14px;min-block-size:58px;padding:14px;text-align:start;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;font:600 1rem/1.45 var(--font-ui);cursor:pointer}.welcome-chapters button[aria-current]{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}.welcome-chapters button>span:first-child{font-family:var(--font-display);font-size:1.35rem}.welcome-chapter{position:relative;padding:clamp(22px,4vw,48px);border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:14px 4px 14px 4px;box-shadow:0 12px 32px rgb(0 0 0/9%);background:linear-gradient(120deg,transparent,color-mix(in srgb,currentColor 4%,transparent))}.welcome-ornament{display:block;inline-size:80px;block-size:80px;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 70%,currentColor);-o-object-fit:cover;object-fit:cover}.welcome-chapter-number{font:600 .8rem/1.5 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.welcome-chapter h2{font:500 clamp(1.7rem,3vw,2.5rem)/1.2 var(--font-display);margin:12px 0 22px;text-wrap:balance}.welcome-chapter li,.welcome-chapter p{line-height:1.7}.welcome-chapter ul{padding-inline-start:22px;margin-block:24px}.welcome-chapter li+li{margin-block-start:12px}.welcome-page a{color:inherit;text-underline-offset:4px}.welcome-destinations{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-block:28px}.welcome-chapter-navigation button,.welcome-primary,.welcome-secondary{min-block-size:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:6px;color:inherit;background:transparent;font:600 1rem/1.4 var(--font-ui);cursor:pointer}.welcome-primary{background:color-mix(in srgb,currentColor 8%,transparent);text-decoration:none}.welcome-secondary{margin:12px 0}.welcome-chapter-navigation{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-block:22px;border-block-start:1px solid color-mix(in srgb,currentColor 20%,transparent)}.welcome-page button:disabled{opacity:.5;cursor:default}.welcome-storage-note{font-size:.8125rem}.welcome-skip{display:inline-flex;align-items:center;min-block-size:44px}.welcome-hint{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:20px 24px;margin-block:24px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:8px;color:inherit;background:color-mix(in srgb,currentColor 4%,transparent);font:400 .9375rem/1.6 var(--font-ui)}.welcome-hint>div:first-child{flex:1 1 26rem}.welcome-hint strong{font:600 1.15rem/1.4 var(--font-display)}.welcome-hint p{margin:6px 0 0;max-inline-size:70ch}.welcome-hint-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.welcome-hint .welcome-hint-actions a,.welcome-hint .welcome-hint-actions button{display:inline-flex;align-items:center;min-block-size:44px;padding:8px 12px;font:600 .875rem/1.5 var(--font-ui);color:inherit;border:1px solid;background:transparent;border-radius:4px;cursor:pointer;text-underline-offset:3px}.welcome-hint .welcome-hint-actions button{border-color:transparent}.welcome-hint :focus-visible,.welcome-page :focus-visible{outline:2px solid currentColor;outline-offset:4px}@media (width <= 700px){.welcome-layout{grid-template-columns:minmax(0,1fr);gap:20px}.welcome-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-chapters button{font-size:.875rem;padding:12px;gap:8px}.welcome-chapter-navigation button{flex:1 1 10rem}.welcome-hint{padding:16px}}@media (forced-colors:active){.welcome-chapter,.welcome-chapters button,.welcome-hint{border-color:CanvasText;box-shadow:none;background:Canvas}}.welcome-context-hint{display:block;padding-block:8px}.welcome-context-hint summary{min-block-size:44px;align-content:center;cursor:pointer;font:600 1rem/1.5 var(--font-display);padding-block:10px}.welcome-context-hint details>p{margin-block:8px 16px}.welcome-context-hint .welcome-hint-actions{margin-block-end:8px}.welcome-chapter:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:url(/circle-journal/paper-grain.svg) 0 0/180px 180px repeat;opacity:.16}.welcome-chapter>*{position:relative}.welcome-page .sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (forced-colors:active){.welcome-chapter:before{display:none}}