:root{--font-display:50px;--font-section:36px;--font-card:24px;--font-body:20px;--font-lead:22px;--font-note:16px;--font-caption:14px;--page-gutter:80px;--content-width:1280px;--section-gap:80px;--card-gap:40px;--content-gap:40px;--image-text-gap:24px;--radius:10px;--nav-height:60px;--hero-content-gap:90px;--footer-gap:120px;--font-page-description:20px;--nav-item-width:100px;--color-bg:#ffffff;--color-soft:#f6f6f6;--color-text:#1a1a1a;--color-secondary:#727272;--color-muted:#bfbfbf;--color-line:#e0e0e0;--color-fill:#ededed;--ui-home-height:460px;--ui-home-learning-height:320px;--ui-recent-ratio:16 / 5;--ui-person-row-avatar:56px;--ui-person-home-avatar:128px;--ui-person-name:22px;--ui-row-thumbnail:168px;--ui-card-meta-height:32px;--ui-card-heading-line:1.35;--ui-card-title-top:8px;--ui-card-title-bottom:4px;--ui-card-row-gap:20px;--ui-title:38px;--ui-section:28px;--ui-card-title:20px;--ui-meta:14px;--ui-logo-width:264px;--ui-grid-gap:30px;--ui-banner-height:264px;--ui-reading:860px;--ui-hero-height:180px;--ui-avatar:28px;--ui-top-gap:32px;--ui-detail-ratio:5 / 2;--ui-dialog-width:480px;--brand:#4fa8aa;--accent:#2c7376;--on-accent:#ffffff;--focus:#2c7376;--danger:#a83434;--success:#2d6f56;--space-4:4px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-30:30px;--space-32:32px;--space-40:40px;--space-48:48px;--space-60:60px;--space-80:80px;--space-120:120px;--stroke:1px;--stroke-active:2px;--focus-width:3px;--control-height:48px;--tap-size:44px;--icon-size:20px;--logo-width:284px;--avatar-small:40px;--avatar-medium:64px;--avatar-large:144px;--radius-circle:50%;--sidebar-width:196px;--reading-width:860px;--form-width:660px;--review-height:40px;--blur:25px;--line-body:1.75;--line-heading:1.3;--line-card:1.5;--card-title-size:var(--font-card);--card-meta-size:var(--font-note);--card-grid-gap:var(--card-gap);--card-copy-gap:var(--image-text-gap);--cover-ratio:16 / 9;--featured-cover-ratio:21 / 9;--avatar-ratio:1 / 1;--mobile-nav-height:64px;--opacity-ink:.55;--duration:.18s;--font-family:"Google Sans Flex","HarmonyOS Sans SC",sans-serif;--viewport-height:100vh;--visual-min-height:75vh}[data-theme=dark]{--color-bg:#000000;--color-soft:#1c1c1e;--color-text:#f5f5f5;--color-secondary:#8a8a8a;--color-muted:#404040;--color-line:#333333;--color-fill:#121212}@media(max-width:767px){:root{--ui-home-height:230px;--ui-home-learning-height:220px;--ui-person-row-avatar:40px;--ui-person-home-avatar:72px;--ui-person-name:18px;--ui-row-thumbnail:88px;--ui-card-title-top:6px;--ui-card-title-bottom:2px;--ui-card-row-gap:12px;--ui-title:26px;--ui-section:21px;--ui-card-title:16px;--ui-meta:12px;--ui-logo-width:186px;--ui-grid-gap:12px;--ui-banner-height:164px;--ui-reading:100%;--font-display:32px;--font-section:24px;--font-card:20px;--font-body:16px;--font-lead:18px;--font-note:14px;--font-caption:12px;--page-gutter:20px;--section-gap:40px;--card-gap:20px;--content-gap:24px;--image-text-gap:16px;--hero-content-gap:40px;--footer-gap:60px;--font-page-description:16px;--nav-item-width:44px;--card-title-size:16px;--card-meta-size:12px;--card-grid-gap:12px;--card-copy-gap:10px;--featured-cover-ratio:16 / 9}}@font-face{font-family:HarmonyOS Sans SC;src:url(/community/design-system/fonts/HarmonyOS_Sans_SC_Regular.ttf?v=297b088424be212207df2ce8b98e335468b782aa6b96832af0b8b773d711e2b1) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/community/design-system/fonts/HarmonyOS_Sans_SC_Medium.ttf?v=6ed1553edccddc48eb27ff25d134a4a715cf54211238d4840b3038576cba1944) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/community/design-system/fonts/google-sans-flex-latin.woff2?v=a65d7e6907b35f6518b7d49b10717dc8be4e160410efd89c5eec2d620e2c5478) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{font-family:var(--font-family);font-synthesis:none;color:var(--color-text);background:var(--color-bg);font-weight:500;font-size:var(--font-body);line-height:var(--line-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:0}html{scroll-behavior:smooth}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4,strong{font-weight:500}h1{font-size:var(--font-display);line-height:var(--line-heading);letter-spacing:0}h2{font-size:var(--font-section);line-height:var(--line-heading);letter-spacing:0}h3{font-size:var(--font-card);line-height:var(--line-card);letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--space-4)}input,select,textarea{width:100%;min-width:0;border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);padding:var(--space-12) var(--space-16);font-size:var(--font-note);font-weight:400}input,select{min-height:var(--control-height)}textarea{resize:vertical;line-height:var(--line-body)}input::placeholder,textarea::placeholder{color:var(--color-secondary);opacity:1}button{border:0;background:none}[hidden]{display:none!important}.page-title{font-size:var(--font-display);font-weight:500;line-height:var(--line-heading);letter-spacing:0;overflow-wrap:anywhere}.lead{font-size:var(--font-page-description);font-weight:500;line-height:var(--line-body);color:var(--color-secondary)}.note,.card-meta{font-size:var(--font-note);font-weight:400;color:var(--color-secondary)}.muted{color:var(--color-secondary)}.note{font-weight:500}.eyebrow{font-size:var(--font-caption);font-weight:400;letter-spacing:0;color:var(--accent);line-height:var(--line-card)}.text-link{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--accent);font-size:var(--font-note);min-height:var(--tap-size);padding:0;font-weight:500}.button,.join-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-10) var(--space-24);min-height:var(--control-height);border:var(--stroke) solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:var(--font-note);font-weight:500;line-height:var(--line-card);transition:background var(--duration)}.button:hover,.join-button:hover{filter:brightness(.94)}.button.secondary{background:var(--color-bg);color:var(--accent);border-color:var(--color-line)}.button.full{width:100%}.icon{width:var(--icon-size);height:var(--icon-size);flex:none;vertical-align:middle}.icon-button{width:var(--tap-size);height:var(--tap-size);display:inline-grid;place-items:center;border-radius:var(--radius)}.icon-button:hover{background:var(--color-soft)}.tag{display:inline-block;padding:var(--space-4) var(--space-10);background:var(--color-soft);color:var(--color-secondary);font-size:var(--font-caption);font-weight:400;border-radius:var(--space-4)}.tag-row{display:flex;gap:var(--space-8);flex-wrap:wrap}.avatar{width:var(--avatar-small);height:var(--avatar-small);flex:none;object-fit:cover;border-radius:var(--radius-circle)}.avatar-medium{width:var(--avatar-medium);height:var(--avatar-medium)}.avatar-large{width:var(--avatar-large);height:var(--avatar-large);border-radius:var(--radius)}.mountain-avatar{display:inline-block;background:var(--color-soft) url(/community/design-system/assets/ink-mountains.webp) left bottom/cover no-repeat}.sr-only{position:absolute;width:var(--stroke);height:var(--stroke);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:var(--space-20);top:0;transform:translateY(-120%);padding:var(--space-10) var(--space-20);background:var(--color-bg);z-index:50}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.frame{width:calc(100% - var(--page-gutter) * 2);max-width:var(--content-width);margin:0 auto}#community-app{font-weight:400}.site-header{background:var(--color-bg);border-bottom:var(--stroke) solid var(--color-fill)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);min-height:calc(var(--nav-height) + var(--space-20))}.brand{display:flex;padding:0;align-items:center;min-height:var(--tap-size);flex-shrink:0}.brand img{width:var(--ui-logo-width)}.desktop-nav{display:flex;gap:var(--space-30);align-items:stretch}.desktop-nav a,.desktop-nav button{font-size:var(--font-note);padding:var(--space-16) var(--space-8);min-height:var(--tap-size);position:relative;white-space:nowrap}.desktop-nav .icon{display:none}.desktop-nav [aria-current]{color:var(--accent)}.desktop-nav [aria-current]:after{content:"";height:var(--stroke-active);background:var(--accent);position:absolute;bottom:var(--space-4);left:var(--space-8);right:var(--space-8)}.header-actions{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap;gap:var(--space-24)}.login-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:var(--font-note);color:var(--color-secondary);min-height:var(--tap-size)}.header-profile{display:grid;place-items:center;min-width:var(--tap-size);min-height:var(--tap-size)}.header-profile .avatar{width:var(--space-32);height:var(--space-32)}.avatar-placeholder .avatar-disc{fill:var(--color-fill)}.avatar-placeholder .avatar-silhouette{fill:var(--color-muted)}.preview-strip{background:var(--color-soft);font-size:var(--font-caption);color:var(--color-secondary)}.preview-strip .frame{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:var(--space-40)}.preview-strip button{color:var(--accent);padding:var(--space-8) 0;white-space:nowrap;font-size:inherit}.discovery-banner{background:var(--color-soft) url(/community/design-system/assets/ink-mountains.webp) center 60% / cover no-repeat}.discovery-banner .frame{min-height:var(--ui-hero-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-20)}.discovery-banner p{font-size:var(--font-lead);line-height:var(--line-body)}.discovery-banner span{color:var(--accent);font-size:var(--font-lead);text-align:center;line-height:var(--line-body)}.content-space{padding-top:var(--space-32)}.browse-tabs{display:flex;width:fit-content;border:var(--stroke) solid var(--color-line);border-radius:var(--space-4);overflow:hidden;margin-bottom:var(--space-24)}.browse-tabs>*{min-width:calc(var(--nav-item-width) + var(--space-40));min-height:var(--tap-size);display:grid;place-items:center;font-size:var(--font-note);padding:var(--space-8) var(--space-24)}.browse-tabs [aria-current]{background:var(--accent);color:var(--on-accent)}.search-box{display:flex;align-items:center;gap:var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);padding:0 var(--space-16);background:var(--color-soft);margin-bottom:var(--space-24)}.search-box>.icon{color:var(--color-secondary)}.search-box input{border:0;background:transparent;padding:var(--space-12) 0;font-size:var(--font-note);flex:1}.search-box button{font-size:var(--font-note);color:var(--accent);min-height:var(--tap-size);white-space:nowrap;padding:0 var(--space-4)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-grid-gap)}.collection-banner{position:relative;display:flex;min-height:var(--ui-banner-height);overflow:hidden;border-radius:var(--radius);isolation:isolate;align-items:center;background:var(--color-soft)}.collection-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.collection-banner:before{position:absolute;content:"";inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--color-text) 75%,transparent),transparent)}.collection-copy{padding:var(--space-30);color:var(--on-accent);max-width:100%}.collection-copy h1,.collection-copy h2{font-size:var(--ui-section);line-height:var(--line-heading);font-weight:500;margin-bottom:var(--space-12)}.collection-copy p{font-size:var(--font-note);max-width:100%;line-height:var(--line-body)}.banner-action{display:inline-flex;gap:var(--space-12);align-items:center;background:var(--color-bg);color:var(--accent);padding:var(--space-8) var(--space-20);border-radius:var(--space-32);font-size:var(--font-note);margin-top:var(--space-24)}.collection-banner.pale:before{background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg) 85%,transparent),transparent)}.pale .collection-copy{color:var(--color-text)}.course-section{margin-top:var(--space-40)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-24)}.section-title h1,.section-title h2{font-size:var(--ui-section)}.section-title .note{font-size:var(--ui-meta)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-grid-gap);row-gap:var(--ui-card-row-gap)}.course-card{min-width:0;border:var(--stroke) solid var(--color-fill);border-radius:var(--radius);overflow:hidden;background:var(--color-bg);display:flex;flex-direction:column}.course-cover{width:100%;aspect-ratio:var(--cover-ratio);object-fit:cover;background:var(--color-soft)}.course-main h3{font-size:var(--ui-card-title);line-height:var(--ui-card-heading-line);font-weight:500;margin:var(--ui-card-title-top) var(--space-16) var(--ui-card-title-bottom);min-height:calc(var(--ui-card-title) * var(--ui-card-heading-line) * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.course-main:hover h3{color:var(--accent)}.card-person{display:flex;align-items:center;gap:var(--space-8);font-size:var(--ui-meta);color:var(--color-secondary);text-align:left;margin:0 var(--space-16);padding:0;min-height:var(--ui-card-meta-height)}.card-person .avatar{width:var(--ui-avatar);height:var(--ui-avatar)}.initials{display:inline-flex;align-items:center;justify-content:center;background:var(--color-soft);color:var(--color-secondary);font-size:var(--font-note)}.interactions{display:flex;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-16)}.interactions button,.interactions a{display:flex;align-items:center;gap:var(--space-8);min-height:var(--tap-size);color:var(--color-secondary);font-size:var(--font-note);padding:var(--space-8) 0}.interactions .icon{color:var(--color-text)}.interactions [aria-pressed=true],.interactions [aria-pressed=true] .icon{color:var(--accent)}.interactions [aria-pressed=true] .icon{fill:color-mix(in srgb,var(--brand) 15%,transparent)}.interactions.compact{margin:0 var(--space-16);padding:0;align-items:center}.compact button,.compact a{font-size:var(--ui-meta);min-width:var(--tap-size);justify-content:center}.catalog-note{font-size:var(--font-caption);color:var(--color-secondary);margin:var(--space-32) 0}.back-link{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--font-note);color:var(--accent);min-height:var(--tap-size);margin:var(--space-20) 0}.collection-hero{min-height:calc(var(--ui-banner-height) + var(--space-60))}.collection-hero .collection-copy{padding:var(--space-40)}.collection-hero h1{font-size:var(--ui-title)}.collection-intro{margin:var(--space-24) 0 var(--space-30);font-size:var(--font-body);color:var(--color-secondary);line-height:var(--line-body)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-12);font-size:var(--font-note);color:var(--color-secondary);padding:var(--space-24) 0;flex-wrap:wrap}.breadcrumbs a{display:flex;align-items:center;gap:var(--space-8);min-height:var(--tap-size)}.reading{max-width:var(--ui-reading);margin:0 auto}.detail-cover{width:100%;aspect-ratio:var(--ui-detail-ratio);object-fit:cover;border-radius:var(--radius);margin-bottom:var(--space-24)}.detail-top h1{font-size:var(--ui-title);font-weight:500;margin-bottom:var(--space-20)}.author-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-20)}.author{display:flex;align-items:center;gap:var(--space-16);padding:0;text-align:left;font-size:var(--font-body);min-width:0}.follow-button{min-height:var(--tap-size);border:var(--stroke) solid var(--accent);border-radius:var(--radius);padding:var(--space-8) var(--space-20);color:var(--accent);white-space:nowrap;font-size:var(--font-note)}.course-summary{font-size:var(--font-body);color:var(--color-secondary)}.detail-section{border-top:var(--stroke) solid var(--color-line);margin-top:var(--space-24);padding-top:var(--space-24)}.detail-section h2{font-size:var(--ui-section);margin-bottom:var(--space-16)}.detail-section h2 span{font-size:var(--font-note);color:var(--color-secondary)}.markdown-body{font-size:var(--font-body);line-height:var(--line-body);overflow-wrap:anywhere;color:var(--color-secondary)}.markdown-body p,.markdown-body ul,.markdown-body blockquote,.markdown-body pre{margin:0 0 var(--space-16)}.markdown-body h2,.markdown-body h3,.markdown-body h4{font-size:var(--font-body);color:var(--color-text);margin:var(--space-20) 0 var(--space-12)}.markdown-body a{color:var(--accent);text-decoration:underline}.markdown-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-16);background:var(--color-soft)}.markdown-body img{max-width:100%;height:auto;margin:var(--space-16) 0}.resource-list{display:grid;gap:0;border:var(--stroke) solid var(--color-line);border-radius:var(--radius);overflow:hidden}.resource-row{display:flex;gap:var(--space-16);align-items:center;border-bottom:var(--stroke) solid var(--color-line);padding:var(--space-12) var(--space-16)}.resource-row:last-child{border-bottom:0}.resource-icon{width:var(--tap-size);height:var(--tap-size);display:grid;place-items:center;background:var(--color-soft);color:var(--accent);border-radius:var(--space-4);flex:none}.resource-copy{flex:1;min-width:0;overflow-wrap:anywhere}.resource-copy strong{display:block;font-size:var(--font-note)}.resource-copy small,.resource-unavailable{font-size:var(--ui-meta);color:var(--color-secondary)}.resource-row>.text-link{font-size:var(--ui-meta);white-space:nowrap}.resource-unavailable{max-width:var(--nav-item-width);text-align:right;flex-shrink:0}.collection-link{border:var(--stroke) solid var(--color-line);border-radius:var(--radius);display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16);font-size:var(--font-note);margin-bottom:var(--space-8)}.collection-link span{flex:1}.comment-form{display:flex;align-items:flex-start;gap:var(--space-12)}.comment-form .comment-avatar{width:var(--avatar-small);height:var(--avatar-small)}.comment-form textarea{flex:1}.comment-form .button{flex:none}.comment-empty{text-align:center;padding:var(--space-32) 0;color:var(--color-secondary);font-size:var(--font-note)}.comment-empty .icon{width:var(--space-40);height:var(--space-40);margin-bottom:var(--space-8);color:var(--color-muted)}.comment-empty small{font-size:var(--ui-meta)}.comment-list{list-style:none;padding:0;margin:var(--space-20) 0}.comment-list li{border-bottom:var(--stroke) solid var(--color-line);padding:var(--space-16) 0;font-size:var(--font-note)}.comment-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--space-8)}.participants{display:flex;flex-wrap:wrap;gap:var(--space-24)}.participants button{display:flex;gap:var(--space-8);align-items:center;font-size:var(--font-note)}.empty-inline{font-size:var(--font-note);color:var(--color-secondary)}.empty-state{text-align:center;padding:var(--space-80) var(--space-20);color:var(--color-secondary)}.empty-state h2{font-size:var(--ui-section);color:var(--color-text);margin:var(--space-16) 0}.empty-state p{font-size:var(--font-note)}.site-footer{margin-top:var(--space-48);background:var(--color-bg) url(/community/design-system/assets/ink-mountains.webp) center bottom/cover no-repeat;border-top:var(--stroke) solid var(--color-fill)}.footer-inner{padding:var(--space-32) 0 var(--space-48);display:grid;grid-template-columns:1fr auto;gap:var(--space-8) var(--space-24);font-size:var(--font-caption);color:var(--color-secondary)}.footer-inner img{width:var(--ui-logo-width);grid-column:1;grid-row:1}.footer-inner p{grid-column:1;grid-row:2}.footer-inner small{font-size:var(--font-caption);text-align:right;grid-column:2;grid-row:1}.footer-inner a{grid-column:2;text-align:right}.mobile-nav{display:none}dialog{width:calc(100% - var(--space-40));max-width:var(--ui-dialog-width);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);padding:var(--space-24)}dialog::backdrop{background:color-mix(in srgb,var(--color-text) 35%,transparent)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16)}.dialog-head h2{font-size:var(--font-body)}dialog p{font-size:var(--font-note);color:var(--color-secondary);white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-24)}#toast:not(:empty){position:fixed;bottom:var(--space-24);left:50%;transform:translate(-50%);max-width:calc(100% - var(--space-40));padding:var(--space-12) var(--space-20);font-size:var(--font-note);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius);z-index:40}@media(max-width:1000px){.desktop-nav{gap:var(--space-8)}.header-inner{gap:var(--space-16)}.login-link{display:none}.header-actions{gap:var(--space-8)}.join-button{padding:var(--space-8) var(--space-16)}}@media(max-width:767px){.header-inner{min-height:calc(var(--nav-height) + var(--space-8));gap:var(--space-8)}.desktop-nav,.header-actions .icon{display:none}.header-inner:has(.header-profile) .brand img{width:calc(var(--ui-logo-width) - var(--space-24))}.header-actions:has(.header-profile){gap:var(--space-4)}.header-profile .avatar{width:var(--space-24);height:var(--space-24)}.join-button{min-height:var(--space-40);padding:var(--space-8) var(--space-12);font-size:var(--font-note)}.preview-strip{font-size:var(--font-caption)}.preview-strip .frame{align-items:center;min-height:var(--space-40);gap:var(--space-8)}.preview-strip span{max-width:65%}.preview-strip button{min-height:var(--tap-size)}.discovery-banner .frame{min-height:var(--space-120)}.discovery-banner p{font-size:var(--font-note)}.discovery-banner span{display:block;font-size:var(--font-caption);flex-shrink:0}.content-space{padding-top:var(--space-20)}.browse-tabs{width:66.666%;margin-bottom:var(--space-16)}.browse-tabs>*{flex:1;min-width:0;font-size:var(--font-note)}.search-box{margin-bottom:var(--space-20);gap:var(--space-8);padding:0 var(--space-12)}.search-box input{font-size:var(--font-note)}.collection-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-16)}.collection-copy{padding:var(--space-20)}.collection-copy h2{margin-bottom:var(--space-8)}.collection-copy p{font-size:var(--font-note)}.banner-action{margin-top:var(--space-16);padding:var(--space-4) var(--space-16);font-size:var(--font-caption)}.course-section{margin-top:var(--space-30)}.section-title{margin-bottom:var(--space-16)}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--ui-card-row-gap)}.course-main h3{margin:var(--ui-card-title-top) var(--space-8) var(--ui-card-title-bottom)}.card-person{margin:0 var(--space-8);gap:var(--space-4)}.card-person .avatar{width:var(--space-20);height:var(--space-20);font-size:var(--font-caption)}.interactions.compact{margin:0 var(--space-4);gap:0}.compact button,.compact a{gap:var(--space-4)}.compact .icon{width:var(--space-16);height:var(--space-16)}.back-link{margin:var(--space-12) 0}.collection-hero{min-height:var(--ui-banner-height)}.collection-hero .collection-copy{padding:var(--space-20)}.collection-intro{font-size:var(--font-note);margin:var(--space-20) 0}.breadcrumbs{font-size:var(--font-caption);gap:var(--space-8);padding:var(--space-12) 0}.breadcrumbs .icon{width:var(--space-16)}.detail-cover{margin-bottom:var(--space-20);aspect-ratio:var(--ui-detail-ratio)}.detail-top h1{margin-bottom:var(--space-16)}.author{font-size:var(--font-note);gap:var(--space-8)}.author .text-link{font-size:var(--font-caption);gap:var(--space-4)}.author .text-link .icon{width:var(--space-16)}.author .avatar{width:var(--space-32);height:var(--space-32)}.follow-button{padding:var(--space-4) var(--space-12);font-size:var(--font-note)}.author-row{margin-bottom:var(--space-16)}.course-summary{font-size:var(--font-note)}.interactions{margin-top:var(--space-16)}.interactions button,.interactions a{font-size:var(--font-note)}.detail-section{margin-top:var(--space-20);padding-top:var(--space-20)}.detail-section h2{margin-bottom:var(--space-12)}.markdown-body{font-size:var(--font-body);line-height:var(--line-body)}.resource-row{padding:var(--space-10);gap:var(--space-8)}.resource-icon{width:var(--space-30);height:var(--space-30)}.resource-copy strong{font-size:var(--font-note)}.resource-unavailable{max-width:var(--space-80)}.collection-link{padding:var(--space-12);gap:var(--space-12)}.comment-form .button{padding:var(--space-10) var(--space-12);font-size:var(--font-caption)}.comment-form textarea{font-size:var(--font-note)}.comment-form .comment-avatar{width:var(--space-32);height:var(--space-32)}.site-footer{margin-top:var(--space-32)}.footer-inner{display:block;padding:var(--space-24) 0 calc(var(--mobile-nav-height) + var(--space-24) + env(safe-area-inset-bottom));font-size:var(--font-caption)}.footer-inner img{width:var(--ui-logo-width);margin-bottom:var(--space-8)}.footer-inner small{display:block;text-align:left;margin-top:var(--space-12)}.footer-inner a{display:inline-block;min-height:var(--tap-size);padding-top:var(--space-8)}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:var(--stroke) solid var(--color-line);padding-bottom:env(safe-area-inset-bottom);z-index:20}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--font-caption);height:var(--mobile-nav-height);color:var(--color-secondary)}.mobile-nav .icon{width:var(--space-24);height:var(--space-24)}.mobile-nav [aria-current]{color:var(--accent)}body:has(textarea:focus) .mobile-nav,body:has(input:focus) .mobile-nav{display:none}#toast:not(:empty){bottom:calc(var(--mobile-nav-height) + var(--space-16) + env(safe-area-inset-bottom));font-size:var(--font-note)}}.markdown-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.markdown-table table{width:100%;border-collapse:collapse}.markdown-table th,.markdown-table td{text-align:start;vertical-align:top;padding:var(--space-12);border-bottom:var(--stroke) solid var(--color-line)}.person-list{margin-top:var(--space-8)}.person-row{display:grid;grid-template-columns:minmax(0,1fr) auto var(--tap-size);gap:var(--space-24);align-items:start;padding:var(--space-24) 0;border-bottom:var(--stroke) solid var(--color-line)}.person-row-open{display:grid;place-items:center;align-self:center;min-height:var(--tap-size);color:var(--color-secondary)}.person-row.following-row,.following-row .person-row-main{align-items:center}.following-row .person-row-main>.avatar{width:var(--avatar-medium);height:var(--avatar-medium)}.following-row p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.person-row-main{display:flex;align-items:flex-start;gap:var(--space-24);min-width:0}.person-row-main>div{min-width:0;max-width:var(--reading-width)}.person-row-main>.avatar{width:var(--ui-person-row-avatar);height:var(--ui-person-row-avatar);font-size:var(--ui-person-name)}.person-row h2{font-size:var(--ui-person-name);margin-bottom:var(--space-8)}.person-row p{font-size:var(--font-note);color:var(--color-secondary);line-height:var(--line-body)}.person-row-main:hover h2{color:var(--accent)}.person-counts{display:flex;flex-wrap:wrap;gap:var(--space-20);font-size:var(--ui-meta);color:var(--color-secondary);margin-top:var(--space-8)}.person-counts span{display:flex;align-items:center;gap:var(--space-8)}.person-counts .icon{width:var(--space-16);height:var(--space-16)}.person-row .follow-button{font-size:var(--font-note);border-radius:var(--space-24)}.following-row .follow-button{border-radius:var(--space-8)}.person-social>.follow-button{background:var(--accent);color:var(--on-accent);border-radius:var(--space-24)}.search-result-count{font-size:var(--font-note);color:var(--color-secondary)}.person-hero{background:var(--color-bg) url(/community/design-system/assets/ink-mountains.webp) right top/cover no-repeat}.person-introduction{display:flex;gap:var(--space-40);padding:var(--space-12) 0 var(--space-32);align-items:flex-start}.person-introduction>.avatar{width:var(--ui-person-home-avatar);height:var(--ui-person-home-avatar);font-size:var(--ui-title)}.person-intro-copy{min-width:0;flex:1}.person-intro-copy h1{font-size:var(--ui-title);margin-bottom:var(--space-8)}.person-affiliation{font-size:var(--font-note);color:var(--color-secondary);margin-bottom:var(--space-12)}.person-bio{font-size:var(--font-body);color:var(--color-secondary);max-width:var(--reading-width)}.person-social{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-24);margin-top:var(--space-16)}.person-social .interactions{margin:0;gap:var(--space-24)}.follower-total{font-size:var(--ui-meta);color:var(--color-secondary)}.person-work-section{margin-top:var(--space-32)}.person-work-section>h2{font-size:var(--ui-section);margin-bottom:var(--space-16)}.content-rows{display:grid;gap:0}.content-row{display:flex;align-items:flex-start;gap:var(--space-24);padding:var(--space-16) 0;border-top:var(--stroke) solid var(--color-line)}.row-thumbnail{flex:none;width:var(--ui-row-thumbnail)}.row-thumbnail img{width:100%;aspect-ratio:var(--cover-ratio);object-fit:cover;border-radius:var(--space-4)}.content-row-copy{flex:1;min-width:0}.content-row h3{font-size:var(--ui-card-title);line-height:var(--ui-card-heading-line);overflow-wrap:anywhere}.content-row p{font-size:var(--font-note);line-height:var(--line-body);color:var(--color-secondary);margin-top:var(--space-8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-row .interactions{justify-content:flex-start;margin:var(--space-4) 0 0;gap:var(--space-24)}.source-date,.source-note{color:var(--color-secondary);font-size:var(--ui-meta);margin-bottom:var(--space-12)}.source-note{margin:var(--space-24) 0 0;padding-top:var(--space-12);border-top:var(--stroke) solid var(--color-fill)}.participants a{display:flex;gap:var(--space-8);align-items:center;font-size:var(--font-note);min-height:var(--tap-size)}.participants{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.participants .participant-row{padding:var(--space-12) var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);gap:var(--space-16)}.participant-row span{flex:1}.participant-row>.icon{margin-left:auto;color:var(--color-secondary)}.markdown-body ol{padding-left:var(--space-24);margin:0 0 var(--space-16)}.markdown-body li{margin-bottom:var(--space-8);overflow-wrap:anywhere}.markdown-body em{font-style:normal;color:var(--color-secondary)}.markdown-body code{background:var(--color-soft);padding:0 var(--space-4);overflow-wrap:anywhere}.markdown-body hr{border:0;border-top:var(--stroke) solid var(--color-line);margin:var(--space-24) 0}.markdown-body blockquote{padding:var(--space-12) var(--space-16);background:var(--color-soft);border-radius:var(--space-4)}@media(max-width:767px){.person-row{grid-template-columns:minmax(0,1fr);position:relative;padding:var(--space-20) 0;gap:0}.person-row-main{gap:var(--space-12)}.person-row h2{padding-right:var(--space-120);min-height:var(--space-32);margin-bottom:var(--space-4)}.person-row p{font-size:var(--font-note)}.person-row>.follow-button{position:absolute;right:0;top:var(--space-16);min-height:var(--tap-size);padding:var(--space-4) var(--space-12);font-size:var(--font-caption)}.person-row:not(.following-row) .person-row-open{position:absolute;right:0;bottom:var(--space-12);width:var(--tap-size)}.person-row:not(.following-row) .person-counts{padding-right:var(--tap-size)}.person-row.following-row{grid-template-columns:minmax(0,1fr) auto var(--space-24);gap:var(--space-8)}.following-row .person-row-main{gap:var(--space-12)}.following-row .person-row-main>.avatar{width:var(--space-48);height:var(--space-48)}.following-row h2{padding-right:0;min-height:0;font-size:var(--font-body)}.following-row p{font-size:var(--font-caption);line-height:var(--line-card)}.following-row>.follow-button{position:static;padding-inline:var(--space-8)}.person-counts{gap:var(--space-16);margin-top:var(--space-8)}.person-counts span{gap:var(--space-4)}.person-introduction{gap:var(--space-16);padding:var(--space-8) 0 var(--space-24)}.person-bio{font-size:var(--font-note)}.person-affiliation{font-size:var(--font-caption)}.person-social{gap:var(--space-8) var(--space-16);margin-top:var(--space-12)}.person-social .interactions{gap:var(--space-16)}.person-social .interactions button,.person-social .interactions a{gap:var(--space-4);font-size:var(--font-caption)}.person-social .interactions .icon{width:var(--space-16);height:var(--space-16)}.person-work-section{margin-top:var(--space-24)}.content-row{gap:var(--space-12);padding:var(--space-16) 0}.content-row h3{font-size:var(--font-note)}.content-row p{font-size:var(--font-caption);margin-top:var(--space-4)}.content-row .interactions{gap:var(--space-8)}}.account-page{padding-block:var(--space-48) var(--section-gap)}.account-layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--space-60)}.account-sidebar{border-right:var(--stroke) solid var(--color-line);padding-right:var(--space-24)}.account-sidebar-person{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-32)}.account-sidebar-person strong,.account-sidebar-person small{display:block}.account-sidebar-person strong{font-size:var(--font-body);overflow-wrap:anywhere}.account-nav-link{display:flex;gap:var(--space-16);align-items:center;min-height:var(--tap-size)}.account-action{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--tap-size);padding:var(--space-4) var(--space-12);border:var(--stroke) solid var(--accent);border-radius:var(--space-8);color:var(--accent);font-size:var(--font-note);white-space:nowrap}.account-action:hover,.account-setting-row:hover{background:var(--color-soft)}.account-sidebar-person .avatar{width:var(--avatar-medium);height:var(--avatar-medium)}.account-sidebar-person small,.account-mobile-person p{color:var(--color-secondary);font-size:var(--ui-meta)}.account-sidebar nav,.account-sidebar-secondary{display:flex;flex-direction:column;gap:var(--space-8)}.account-sidebar nav a{padding:var(--space-12) var(--space-16);border-radius:var(--radius);font-size:var(--font-note)}.account-sidebar a[aria-current=page]{color:var(--accent);background:var(--color-soft);font-weight:600}.account-sidebar-secondary{margin-top:var(--space-32);border-top:var(--stroke) solid var(--color-line);padding-top:var(--space-20)}.account-main{min-width:0}.account-main>h1{margin:0 0 var(--space-8);font-size:var(--ui-section)}.account-page-description{font-size:var(--font-note);color:var(--color-secondary);margin-bottom:var(--space-32)}.account-mobile-summary,.account-mobile-tabs{display:none}.account-demo-note,.account-privacy,.account-auth-disclosure{color:var(--color-secondary);font-size:var(--ui-meta);line-height:var(--line-body)}.account-demo-note{margin-top:var(--space-32);padding-top:var(--space-16);border-top:var(--stroke) solid var(--color-fill)}.account-type-filters{display:flex;gap:var(--space-8);overflow-x:auto;margin-bottom:var(--space-24);padding-bottom:var(--space-12);font-size:var(--font-note)}.account-type-filters a{white-space:nowrap;padding:var(--space-8) var(--space-16);border-radius:var(--radius);background:var(--color-soft);min-height:var(--tap-size)}.account-type-filters a[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--brand) 15%,var(--color-bg))}.account-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-grid-gap)}.account-item{min-width:0}.account-item-person,.account-item-article,.account-item-project{grid-column:1 / -1}.account-item .person-row{margin:0}.account-empty{padding:var(--space-60) var(--space-20);text-align:center}.account-empty h2{font-size:var(--ui-card-title)}.account-empty p{font-size:var(--font-note);color:var(--color-secondary);margin-block:var(--space-16) var(--space-24)}.account-profile-form{max-width:var(--reading-width)}.account-field{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--space-20);margin-bottom:var(--space-24);align-items:start;font-size:var(--font-note)}.account-field>label{padding-top:var(--space-12)}.account-field-control{min-width:0}.account-field input:not([type=file]),.account-field select,.account-field textarea{width:100%;border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);min-height:var(--control-height);padding:var(--space-12);font:inherit}.account-field textarea{resize:vertical}.account-field input[aria-invalid=true],.account-field select[aria-invalid=true],.account-field textarea[aria-invalid=true]{border-color:var(--danger)}.account-required,.account-field-error{color:var(--danger)}.account-field-error{font-size:var(--ui-meta);margin-top:var(--space-8)}.account-optional{color:var(--color-secondary);font-size:var(--ui-meta)}.account-avatar-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16)}.account-avatar-control .avatar{width:var(--avatar-medium);height:var(--avatar-medium)}.account-avatar-control input{max-width:100%;font:inherit}.account-avatar-control small{color:var(--color-secondary);flex-basis:100%}.account-form-actions{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-block:var(--space-32)}.account-child-back{margin-bottom:var(--space-24)}.account-settings{max-width:var(--reading-width)}.account-setting-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-24);align-items:center;text-align:left;width:100%;padding:var(--space-24);margin-bottom:var(--space-20);border:var(--stroke) solid var(--color-line);border-radius:var(--radius)}.account-setting-row>.icon{width:var(--space-32);height:var(--space-32)}.setting-copy strong{display:block;font-size:var(--font-body);margin-bottom:var(--space-8)}.setting-copy small{display:block;font-size:var(--font-note);color:var(--color-secondary)}.setting-action{color:var(--accent);font-size:var(--font-note);white-space:nowrap}.profile-panel{border:var(--stroke) solid var(--color-line);border-radius:var(--radius);padding:var(--space-24);margin-bottom:var(--space-20)}.profile-panel h2{font-size:var(--ui-card-title);margin-bottom:var(--space-12)}.profile-panel .account-privacy{margin-bottom:var(--space-16)}.profile-panel .account-privacy:last-child{margin-bottom:0}.profile-panel-heading{display:flex;justify-content:space-between;gap:var(--space-16);align-items:center;flex-wrap:wrap}.profile-avatar-panel{display:flex;align-items:center;gap:var(--space-24)}.profile-avatar-panel>.avatar{width:var(--space-80);height:var(--space-80)}.avatar-file-control{position:relative;width:fit-content;margin-bottom:var(--space-12)}.avatar-file-input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.avatar-file-label{display:inline-flex;min-height:var(--tap-size);align-items:center;padding:var(--space-8) var(--space-20);color:var(--accent);border:var(--stroke) solid var(--accent);border-radius:var(--space-4);font-size:var(--font-note)}.avatar-file-control:focus-within{outline:var(--focus-width) solid var(--focus);outline-offset:var(--space-4)}.account-phone{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-20);background:var(--color-soft);border-radius:var(--space-4);padding:var(--space-12) var(--space-16);font-size:var(--font-note);margin-bottom:var(--space-16)}.profile-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20) var(--space-32)}.profile-field-grid .account-field,.profile-panel[data-profile-section=introduction] .account-field{display:block;margin-bottom:0}.profile-panel .account-field>label{display:block;padding-top:0;margin-bottom:var(--space-8)}.profile-field-grid+.account-privacy{margin-top:var(--space-16)}.account-settings h2,.account-participation h2{font-size:var(--ui-card-title)}.account-settings p{color:var(--color-secondary);font-size:var(--font-note);margin-block:var(--space-16) var(--space-24)}.account-logout{border-top:var(--stroke) solid var(--color-line);margin-top:var(--space-40);padding-top:var(--space-32)}.account-participation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding-block:var(--space-24);border-bottom:var(--stroke) solid var(--color-line)}.account-participation p,.account-participation small{font-size:var(--ui-meta);color:var(--color-secondary)}.account-participation .account-unsent{color:var(--accent)}.account-participation .text-link{flex-shrink:0;font-size:var(--font-note)}.account-gate{max-width:var(--form-width);margin-inline:auto;padding-block:var(--space-60)}.account-gate h1{font-size:var(--ui-title)}.account-gate p{margin-block:var(--space-20);color:var(--color-secondary)}.account-gate .button{margin-right:var(--space-12);margin-bottom:var(--space-16)}.account-auth-page{background-color:var(--color-bg);background-image:url(/community/design-system/assets/ink-mountains.webp);background-position:center bottom;background-size:100% auto;background-repeat:no-repeat;padding-block:var(--space-80) var(--space-120)}.account-auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-80);align-items:start;max-width:calc(var(--content-width) - var(--space-80) * 2)}.account-auth-intro{padding-top:var(--space-60)}.account-auth-intro h1{font-size:var(--font-display);line-height:var(--line-heading);margin-block:var(--space-24)}.account-auth-intro p{color:var(--color-secondary);font-size:var(--font-lead)}.account-auth-panel{background:var(--color-bg);padding:var(--space-32);border:var(--stroke) solid var(--color-line);border-radius:var(--radius)}.auth-login .account-auth-panel{padding:0;border:0;background:transparent;max-width:var(--ui-dialog-width);width:100%;justify-self:end}.auth-login .account-auth-form{margin-top:var(--space-60)}.account-login-field{display:flex;align-items:center;gap:var(--space-12);padding-inline:var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);margin-bottom:var(--space-24)}.account-login-field>.icon{color:var(--color-secondary)}.account-login-field input{border:0;background:transparent;padding-inline:0;flex:1}.account-login-field button{white-space:nowrap;font-size:var(--font-note);border-left:var(--stroke) solid var(--color-line);padding-left:var(--space-16)}.account-auth-switch{text-align:center;font-size:var(--font-note);margin-top:var(--space-20)}.account-register-heading{text-align:center;margin-bottom:var(--space-32)}.account-register-heading h1{font-size:var(--ui-title);margin-bottom:var(--space-12)}.account-register-heading p{color:var(--color-secondary);font-size:var(--font-note)}.account-auth-panel>h1,.account-auth-panel>h2{font-size:var(--ui-section);margin:0 0 var(--space-12)}.account-auth-panel>p{font-size:var(--font-note)}.account-auth-form{margin-top:var(--space-32)}.auth-login .account-field{display:block}.auth-login .account-field>label{display:block;padding-top:0;margin-bottom:var(--space-8)}.account-code-input{display:flex;gap:0;border:var(--stroke) solid var(--color-line);border-radius:var(--radius);align-items:center}.account-code-input input{min-width:0;border:0}.account-code-input button{flex-shrink:0;font-size:var(--ui-meta);border:0;border-left:var(--stroke) solid var(--color-line);border-radius:0;min-height:var(--tap-size)}.account-protocol{display:flex;min-height:var(--tap-size);gap:var(--space-10);align-items:flex-start;font-size:var(--ui-meta);line-height:var(--line-body);color:var(--color-secondary);margin-block:var(--space-24)}.account-protocol input{width:var(--icon-size);height:var(--icon-size);min-height:0;padding:0;flex:none;margin-top:var(--space-4);accent-color:var(--accent)}.account-protocol a{color:var(--accent)}.account-auth-submit{width:100%}.account-auth-panel .account-auth-disclosure{font-size:var(--ui-meta);margin-top:var(--space-16)}.account-auth-demo{border-top:var(--stroke) solid var(--color-line);margin-top:var(--space-24);padding-top:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12)}.account-auth-demo small{color:var(--color-secondary);font-size:var(--ui-meta);text-align:center}.auth-register .account-auth-layout{display:block;max-width:var(--reading-width)}@media(max-width:767px){.account-page{padding-top:var(--space-24)}.account-layout{display:block}.account-sidebar{display:none}.account-mobile-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-24)}.account-mobile-person{display:flex;align-items:center;gap:var(--space-12);min-width:0}.account-mobile-person .avatar{width:var(--avatar-medium);height:var(--avatar-medium);flex-shrink:0}.account-mobile-person strong{font-size:var(--ui-person-name);overflow-wrap:anywhere}.account-mobile-person p{margin-top:var(--space-4)}.account-mobile-actions{display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0;font-size:var(--ui-meta)}.account-mobile-tabs{display:flex;justify-content:space-between;border-bottom:var(--stroke) solid var(--color-line);margin-bottom:var(--space-20);gap:var(--space-16);overflow-x:auto}.account-mobile-tabs a{white-space:nowrap;font-size:var(--font-body);padding-block:var(--space-12)}.account-mobile-tabs a[aria-current=page]{color:var(--accent);border-bottom:var(--stroke-active) solid var(--accent)}.account-view-following .account-main>h1,.account-view-likes .account-main>h1,.account-view-bookmarks .account-main>h1,.account-view-participations .account-main>h1{display:none}.account-mobile-tabs~.account-page-description{display:none}.profile-panel{padding:var(--space-16);margin-bottom:var(--space-16)}.profile-field-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-16)}.profile-field-grid .account-field{display:grid;grid-template-columns:var(--space-80) minmax(0,1fr);gap:var(--space-12);align-items:center;margin-bottom:0}.profile-field-grid .account-field>label{margin-bottom:0}.account-profile-form{margin-top:0}.profile-panel .account-form-actions{flex-direction:column;align-items:stretch}.profile-panel .account-form-actions>.text-link{justify-content:center}.profile-avatar-panel{gap:var(--space-16)}.profile-avatar-panel>.avatar{width:var(--avatar-medium);height:var(--avatar-medium)}.account-setting-row{padding:var(--space-20) var(--space-16);gap:var(--space-12)}.account-setting-row>.icon{width:var(--space-24);height:var(--space-24)}.setting-copy strong{font-size:var(--font-body)}.setting-copy small,.setting-action{font-size:var(--font-caption)}.account-type-filters{gap:var(--space-8);font-size:var(--ui-meta)}.account-field{display:block;margin-bottom:var(--space-20)}.account-field>label{display:block;padding-top:0;margin-bottom:var(--space-8)}.account-participation{align-items:flex-start;flex-direction:column;gap:var(--space-12)}.account-form-actions{gap:var(--space-12)}.account-form-actions .button{flex-grow:1}.account-empty{padding:var(--space-40) 0}.account-auth-page{padding-block:var(--space-32) var(--space-80);background-size:auto 100%}.account-auth-layout{display:block}.account-auth-intro{padding:0 0 var(--space-32);text-align:center}.account-auth-intro h1{font-size:var(--ui-title);margin-block:var(--space-16)}.account-auth-intro p{font-size:var(--font-note)}.account-auth-panel{padding:0;border:0;background:transparent}.auth-login .account-auth-panel{margin-inline:auto}.auth-login .account-auth-form{margin-top:0}.account-login-field{padding-inline:var(--space-12);gap:var(--space-8);margin-bottom:var(--space-16)}.account-login-field button{padding-left:var(--space-12);font-size:var(--font-note)}.account-auth-form{margin-top:var(--space-24)}.account-auth-panel .account-field{font-size:var(--font-note)}.account-code-input button{padding-inline:var(--space-12)}}.home-hero{position:relative;min-height:var(--ui-home-height);display:flex;align-items:center;isolation:isolate;background:var(--color-text);color:var(--on-accent)}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-text) 65%,transparent),transparent);z-index:-1}.home-hero h1{font-size:var(--font-display);line-height:var(--line-heading)}.home-hero p{font-size:var(--font-lead);margin-top:var(--space-20)}.home-intro{padding:var(--space-40) 0 var(--space-48)}.home-intro-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-40);align-items:center;margin-bottom:var(--space-30)}.home-intro-heading h2{font-size:var(--ui-section)}.home-intro-heading p{font-size:var(--font-note);color:var(--color-secondary)}.home-learning{display:grid;grid-template-columns:3fr 2fr;background:var(--color-soft);border-radius:var(--radius);overflow:hidden;min-height:var(--ui-home-learning-height)}.home-learning>img{width:100%;height:100%;object-fit:cover}.home-learning>div{padding:var(--space-32);display:flex;flex-direction:column;justify-content:center}.home-learning h2{font-size:var(--ui-section);margin-bottom:var(--space-12)}.home-learning h3{font-size:var(--font-body);margin-bottom:var(--space-12)}.home-learning p{font-size:var(--font-note);color:var(--color-secondary);margin-bottom:var(--space-20)}.home-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-24)}.home-capabilities img{width:100%;height:auto;aspect-ratio:var(--cover-ratio);object-fit:cover;border-radius:var(--space-4)}.home-capabilities h3{font-size:var(--font-body);margin-top:var(--space-8)}.home-capabilities p{font-size:var(--font-note);color:var(--color-secondary)}.home-recent{background:var(--color-soft);padding:var(--space-32) 0}.home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32)}.home-feature-grid>a{min-width:0;position:relative}.home-feature-tag{display:inline-block;font-size:var(--font-caption);color:var(--accent);background:var(--color-soft);border-radius:var(--space-4);padding:0 var(--space-8);margin-top:var(--space-8)}.home-feature-grid img{width:100%;aspect-ratio:var(--ui-recent-ratio);object-fit:cover;border-radius:var(--space-4)}.home-feature-grid h3{font-size:var(--ui-card-title);margin-top:var(--space-12)}.home-feature-grid p{font-size:var(--font-note);color:var(--color-secondary);margin-top:var(--space-8)}.home-feature-grid .text-link{display:flex;justify-content:flex-end}.home-achievements{padding:var(--space-32) 0}.home-achievements h2{font-size:var(--ui-section);margin-bottom:var(--space-12)}.home-achievements>p,.home-achievements small{font-size:var(--font-note);color:var(--color-secondary)}.home-achievements small{display:block;text-align:center;font-size:var(--font-caption)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--space-24) 0}.achievement-grid>div{text-align:center;border-right:var(--stroke) solid var(--color-line)}.achievement-grid>div:last-child{border:0}.achievement-grid strong{font-size:var(--ui-title);color:var(--accent)}.achievement-grid strong span{font-size:var(--font-note)}.achievement-grid p{font-size:var(--font-note);color:var(--color-secondary)}.events-page{padding-top:var(--space-32)}.event-feature{display:grid;grid-template-columns:1fr 1fr;border:var(--stroke) solid var(--color-line);border-radius:var(--radius);overflow:hidden}.event-feature>img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--cover-ratio)}.event-feature>div{padding:var(--space-32);display:flex;flex-direction:column;justify-content:center;gap:var(--space-12)}.event-feature h2{font-size:var(--ui-section)}.event-feature p{font-size:var(--font-note);color:var(--color-secondary)}.event-feature small,.type-label{font-size:var(--font-caption);color:var(--accent)}.event-date{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-note);color:var(--color-secondary);margin:var(--space-12) 0}.event-filters{display:flex;justify-content:space-between;gap:var(--space-16);margin-top:var(--space-24);align-items:center}.event-filters nav{display:flex;gap:var(--space-12);flex-wrap:wrap}.event-filters nav a{display:grid;place-items:center;min-height:var(--tap-size);padding:var(--space-8) var(--space-24);font-size:var(--font-note);border-radius:var(--space-32);background:var(--color-soft)}.event-filters nav [aria-current]{color:var(--on-accent);background:var(--accent)}.event-filters label{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-note);white-space:nowrap}.event-filters select{width:auto}.event-meta{margin:var(--space-4) var(--space-16);font-size:var(--ui-meta);color:var(--color-secondary);min-height:var(--space-24)}.event-detail h1{font-size:var(--ui-title)}.event-detail .source-note{border:0;padding:0;margin:var(--space-8) 0 var(--space-20)}.event-detail-cover{width:100%;aspect-ratio:var(--ui-recent-ratio);object-fit:cover;border-radius:var(--radius)}.event-detail .detail-section h2{font-size:var(--ui-section)}.event-detail .detail-section>p{font-size:var(--font-body);color:var(--color-secondary)}.event-detail>.interactions,.event-detail article>.interactions{max-width:var(--reading-width);margin:var(--space-24) auto}.footer-links{grid-column:2;display:flex;justify-content:flex-end;gap:var(--space-16)}.page-loading{font-size:var(--font-note);padding:var(--space-40);text-align:center;color:var(--color-secondary)}@media(max-width:767px){.home-hero h1{font-size:var(--ui-title)}.home-hero p{font-size:var(--font-note);margin-top:var(--space-12)}.home-intro{padding:var(--space-24) 0}.home-intro-heading{grid-template-columns:1fr;gap:var(--space-12);margin-bottom:var(--space-20)}.home-learning>div{padding:var(--space-12)}.home-learning{min-height:var(--space-120);grid-template-columns:3fr 2fr}.home-learning>img{min-height:100%;object-position:center}.home-learning h2{font-size:var(--ui-person-name);margin-bottom:var(--space-8)}.home-learning h3{font-size:var(--font-note);margin-bottom:var(--space-8)}.home-learning p{font-size:var(--font-caption);margin-bottom:var(--space-8)}.home-learning .text-link{font-size:var(--font-caption)}.home-capabilities{gap:var(--space-12);margin-top:var(--space-16)}.home-capabilities h3{font-size:var(--font-note)}.home-capabilities p{font-size:var(--font-caption)}.home-recent{padding:var(--space-24) 0}.home-recent .section-title .text-link{font-size:var(--font-caption)}.home-feature-grid{grid-template-columns:1fr;gap:var(--space-20)}.home-feature-grid>a{display:grid;grid-template-columns:2fr 3fr;column-gap:var(--space-12);background:var(--color-bg);border-radius:var(--radius);overflow:hidden}.home-feature-grid img{grid-column:1;grid-row:1/5;height:100%;aspect-ratio:auto}.home-feature-grid h3,.home-feature-grid p,.home-feature-grid .home-feature-tag,.home-feature-grid .text-link{grid-column:2;padding-right:var(--space-8)}.home-feature-grid .home-feature-tag{justify-self:start}.home-feature-grid h3{font-size:var(--font-note);margin-top:var(--space-8)}.home-feature-grid p{font-size:var(--font-caption);margin-top:var(--space-4)}.home-feature-grid .text-link{font-size:var(--font-caption)}.home-achievements{padding:var(--space-24) 0}.home-achievements>p{font-size:var(--font-note)}.achievement-grid p{font-size:var(--font-caption)}.achievement-grid strong{font-size:var(--ui-section)}.achievement-grid strong span{font-size:var(--font-caption)}.events-page{padding-top:var(--space-20)}.event-feature{grid-template-columns:2fr 3fr}.event-feature>img{aspect-ratio:auto}.event-feature>div{padding:var(--space-12);gap:var(--space-8)}.event-feature h2{font-size:var(--font-note)}.event-feature p{font-size:var(--font-caption)}.event-feature p:not(.event-date){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-feature .text-link{font-size:var(--font-caption)}.event-feature .event-date{margin:0;align-items:flex-start}.event-filters{flex-wrap:wrap;gap:var(--space-12)}.event-filters nav{gap:var(--space-8)}.event-filters nav a{padding:var(--space-8) var(--space-16);font-size:var(--font-note)}.event-filters label{font-size:var(--font-caption);margin-left:auto}.event-filters select{font-size:var(--font-caption)}.event-meta{margin:var(--space-4) var(--space-8);font-size:var(--font-caption)}.event-detail-cover{aspect-ratio:var(--cover-ratio)}.event-detail .detail-section>p{font-size:var(--font-note)}.event-date{font-size:var(--font-note);align-items:flex-start}.footer-links{justify-content:flex-start;gap:var(--space-16)}}.pv-page{max-width:var(--reading-width);padding-top:var(--space-24)}.pv-page>h1{font-size:var(--ui-title);margin:var(--space-16) 0}.pv-page h2{font-size:var(--ui-section);margin-bottom:var(--space-16)}.pv-page h3{font-size:var(--font-body)}.pv-page p{font-size:var(--font-note);color:var(--color-secondary)}.pv-notice{padding:var(--space-16) var(--space-20);border:var(--stroke) solid var(--color-line);background:var(--color-soft);border-radius:var(--radius);margin:var(--space-20) 0}.pv-notice strong{font-size:var(--font-note);color:var(--accent)}.pv-notice p{font-size:var(--font-caption);margin-top:var(--space-4)}.pv-profile-summary{padding:var(--space-16) 0;margin-bottom:var(--space-16);border-bottom:var(--stroke) solid var(--color-line)}.pv-profile-summary a{color:var(--accent);margin-left:var(--space-12)}.pv-directions{margin-top:var(--space-20)}.pv-join-hero{padding-block:var(--space-40) var(--space-32);background:var(--color-bg) url(/community/design-system/assets/ink-mountains.webp) right bottom / cover no-repeat}.pv-join-hero h1{font-size:var(--ui-title);margin-bottom:var(--space-12)}.pv-join-hero p{font-size:var(--font-lead);color:var(--color-secondary)}.pv-join-hero small{display:block;margin-top:var(--space-12);font-size:var(--font-note);color:var(--color-secondary)}.pv-join-content{max-width:var(--reading-width)}.pv-join-content .pv-profile-summary{font-size:var(--font-caption);color:var(--color-secondary);margin:0;border:0}.pv-direction{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-20);align-items:center;padding:var(--space-16) var(--space-20);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);margin-bottom:var(--space-12)}.pv-direction:hover{border-color:var(--accent)}.pv-direction>div{display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:var(--space-20)}.pv-direction-icon{display:grid;place-items:center;width:var(--space-48);height:var(--space-48);border-radius:var(--radius-circle);color:var(--accent);background:color-mix(in srgb,var(--brand) 8%,var(--color-bg))}.pv-direction h3{color:var(--color-text);font-size:var(--font-body)}.pv-direction p{color:var(--color-secondary);font-size:var(--font-note)}.pv-direction>.icon{color:var(--color-secondary)}.pv-form{margin-top:var(--space-24)}.pv-section{padding:var(--space-24) 0;border-top:var(--stroke) solid var(--color-line)}.pv-section>h2{font-size:var(--font-body)}.pv-field{padding:0;border:0;min-width:0;margin:var(--space-20) 0}.pv-field>label,.pv-field legend,.pv-materials>label{font-size:var(--font-note);font-weight:500;display:block;margin-bottom:var(--space-8)}.pv-required{color:var(--accent);font-size:var(--font-caption)}.pv-optional{color:var(--color-secondary);font-size:var(--font-caption)}.pv-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-16)}.pv-choice{display:flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-10) var(--space-12);min-height:var(--tap-size);border:var(--stroke) solid var(--color-line);border-radius:var(--space-4);font-size:var(--font-note);font-weight:400}.pv-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--brand) 8%,var(--color-bg))}.pv-choice input{flex:none;width:var(--space-20);height:var(--space-20);min-height:0;padding:0;margin:var(--space-4) 0 0;accent-color:var(--accent)}.pv-choice span{min-width:0;overflow-wrap:anywhere}.pv-other{padding-left:var(--space-20)}.pv-help{font-size:var(--font-caption)!important;color:var(--color-secondary);margin-bottom:var(--space-12)}.pv-error{font-size:var(--font-note)!important;color:var(--danger)!important;margin:var(--space-8) 0}.pv-field input[aria-invalid],.pv-field textarea[aria-invalid],.pv-field select[aria-invalid],fieldset[aria-invalid]{border-color:var(--danger)}.pv-materials input[type=file]{font-size:var(--font-note);margin-bottom:var(--space-16)}.pv-material-list{padding:0;list-style:none;margin:var(--space-16) 0}.pv-material-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);font-size:var(--font-note);border-bottom:var(--stroke) solid var(--color-line);overflow-wrap:anywhere}.pv-material-list span{min-width:0}.pv-receipt{padding:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius)}.pv-receipt dl{margin:var(--space-24) 0}.pv-receipt dt{font-size:var(--font-note);font-weight:500;margin-top:var(--space-20)}.pv-receipt dd{margin:var(--space-8) 0 0;font-size:var(--font-note);color:var(--color-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.pv-receipt li{font-size:var(--font-note);overflow-wrap:anywhere}.pv-gate{padding:var(--space-32) 0}.pv-gate .button{margin-top:var(--space-20)}@media(max-width:767px){.pv-page{padding-top:var(--space-16)}.pv-notice{padding:var(--space-12)}.pv-options{grid-template-columns:1fr}.pv-direction{column-gap:var(--space-12);padding:var(--space-12)}.pv-join-hero{padding-block:var(--space-24)}.pv-direction>div{display:block}.pv-direction-icon{width:var(--space-40);height:var(--space-40)}.pv-direction h3{font-size:var(--font-body);margin-bottom:var(--space-4)}.pv-direction p{font-size:var(--font-caption)}.pv-receipt{padding:var(--space-16)}.pv-other{padding-left:var(--space-12)}}:root{--content-width:1280px;--page-gutter:80px;--ui-title:50px;--ui-section:36px;--ui-card-title:24px;--ui-grid-gap:40px;--ui-card-row-gap:40px;--ui-card-heading-line:1.5;--ui-card-title-top:24px;--ui-card-title-bottom:10px;--ui-meta:16px;--ui-recent-ratio:620 / 400;--cover-ratio:1 / 1;--ui-person-name:24px;--ui-person-row-avatar:64px;--ui-detail-ratio:16 / 9;--accent:#1a1a1a;--focus:#2c7376;--radius:10px;--duration:.45s;--ui-banner-height:400px}.site-header{background:#ffffffd9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:0}.frame{width:calc(100vw - var(--page-gutter) * 2);max-width:var(--content-width)}#main:focus{outline:none}.header-inner{min-height:60px;height:60px;gap:24px}.header-inner.frame{width:calc(100% - 120px);max-width:1320px}.desktop-nav{margin-right:auto;gap:0}.desktop-nav a{width:100px;padding:0;min-height:60px;display:grid;place-items:center;color:var(--color-secondary);font-weight:400}.desktop-nav [aria-current]{color:var(--color-text)}.desktop-nav [aria-current]:after{display:none}.header-inner .brand img{width:240px}.join-button{min-height:36px;padding:4px 16px;font-size:16px;background:transparent;color:var(--color-text);border-color:var(--color-muted);border-radius:10px}.preview-strip{font-size:12px}.preview-strip .frame{min-height:32px}.review-embedded .preview-strip{display:none}.content-space,.events-page{padding-top:90px}.discovery-banner{background-color:var(--color-bg)}.discovery-banner .frame{min-height:240px}.course-section{margin-top:80px}.section-title{margin-bottom:40px}.course-grid{gap:40px}.course-card{border:0;border-radius:0;background:transparent;overflow:visible}.course-cover{aspect-ratio:1 / 1;object-fit:cover;border-radius:10px}.course-main h3{margin:24px 10px 10px;min-height:0;line-height:1.5;font-size:24px;font-weight:500;position:relative;padding-right:40px}.course-main h3:after{content:"";display:block;width:20px;height:20px;position:absolute;right:0;top:7px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}.card-person,.event-meta{margin:0 10px;font-size:16px;min-height:32px}.card-person .avatar{width:24px;height:24px}.interactions.compact{margin:10px 10px 0;justify-content:flex-start;gap:24px}.compact button,.compact a{min-width:44px;font-size:16px}.compact .icon{width:18px;height:18px}.collection-grid{gap:40px}.collection-banner{min-height:0;aspect-ratio:620 / 400;border-radius:10px}.collection-copy{padding:30px}.collection-copy h2{font-size:26px;font-weight:500;line-height:1.5}.collection-copy p{font-size:20px;line-height:1.5}.banner-action{border:0;background:transparent;color:inherit;padding:0;margin-top:40px;border-radius:0;font-size:20px;gap:5px}.banner-action .icon{width:24px;height:24px}.collection-hero{aspect-ratio:1280 / 400;min-height:300px}.collection-intro{margin:40px 0;font-size:20px}.event-feature,.home-learning{grid-template-columns:850fr 370fr;gap:60px;border:0;border-radius:0;background:transparent;overflow:visible;align-items:center}.event-feature>img,.home-learning>img{aspect-ratio:850 / 478;width:100%;height:auto;border-radius:10px}.event-feature>div,.home-learning>div{height:385px;padding:0;gap:10px;justify-content:flex-start}.event-feature h2,.home-learning h2{font-size:24px;line-height:1.5;margin:0}.event-feature p,.event-feature small{font-size:16px;font-weight:400}.event-feature .type-label{order:-1}.event-feature .text-link,.home-learning .text-link{margin-top:auto;font-size:20px;gap:5px;justify-content:flex-start}.home-learning h3{font-size:20px;margin:0}.home-learning p{margin-top:auto;font-size:16px}.home-learning .text-link{margin-top:40px}.event-filters{margin-top:80px;gap:24px}.event-filters select{height:40px;min-height:40px;padding:6px 30px 6px 12px;border-radius:10px;line-height:1.5}.event-filters nav a{background:transparent;border-radius:0;padding:8px 16px;border-bottom:2px solid transparent}.event-filters nav [aria-current]{color:var(--color-text);background:transparent;border-color:var(--color-text)}.browse-tabs{border:0;border-radius:0;gap:40px;margin-bottom:40px}.browse-tabs>a{min-width:100px;padding:8px 0;border-bottom:2px solid transparent;color:var(--color-secondary)}.browse-tabs [aria-current]{background:transparent;color:var(--color-text);border-color:var(--color-text)}.search-box{margin-bottom:40px;background:transparent;border-color:var(--color-muted)}.search-box input{min-height:44px;padding:8px 0}.home-intro{padding:90px 0 80px}.home-intro-heading{margin-bottom:40px}.home-intro-heading p{font-size:22px;font-weight:400}.home-capabilities{gap:40px;margin-top:80px}.home-capabilities img{aspect-ratio:1 / 1;border-radius:10px}.home-capabilities h3{font-size:24px;margin:24px 10px 10px}.home-capabilities p{margin-inline:10px}.home-recent{padding:80px 0}.home-feature-grid{gap:40px}.home-feature-grid img{aspect-ratio:620 / 400;border-radius:10px}.home-feature-grid h3{font-size:24px;line-height:1.5;margin:24px 10px 10px}.home-feature-grid p{margin:10px 50px 0 10px}.home-feature-grid .text-link{justify-content:flex-start;margin:10px;font-size:20px;gap:5px}.home-feature-tag{background:transparent;color:var(--color-secondary);padding:0;margin:10px}.home-achievements{padding:80px 0}.site-footer{margin-top:120px;background:#f6f6f6;border:0}.footer-inner{padding:60px 0 40px;line-height:30px}.footer-inner p{font-size:20px;color:var(--color-text)}.footer-inner small,.footer-links{font-size:14px;color:var(--color-secondary)}.detail-section{margin-top:40px;padding-top:40px}.detail-section h2{margin-bottom:40px;font-size:36px}.detail-cover{margin-bottom:40px}.detail-top h1{font-size:50px}.person-work-section{margin-top:80px}.person-row{padding:30px 0}.person-row h2{font-size:24px}.person-row p{font-size:20px}.person-row .follow-button,.person-social>.follow-button{border-radius:10px}.person-introduction{padding:40px 0}.person-introduction h1{font-size:50px}.content-row{padding:30px 0;gap:40px}.content-row h3{font-size:24px}.text-link{gap:5px}.reading{max-width:860px}.markdown-body{font-weight:500;color:var(--color-text)}.follow-button,.account-action{border-radius:10px}.button{min-height:44px;padding:8px 20px;border-radius:10px}.resource-list{border:0;border-radius:0}.resource-row{border-bottom:1px solid var(--color-line);padding:20px 0;gap:20px}.resource-icon{background:var(--color-soft);border-radius:10px}.pv-direction{border-radius:10px}@media(min-width:768px)and (max-width:1199px){:root{--page-gutter:40px;--ui-title:40px;--ui-section:30px}.header-inner.frame{width:calc(100% - 80px)}.header-inner .brand img{width:200px}.desktop-nav a{width:70px}.event-feature,.home-learning{gap:40px}.event-feature>div,.home-learning>div{height:auto;min-height:300px}.home-intro-heading p{font-size:18px}}@media(max-width:767px){:root{--page-gutter:20px;--ui-title:28px;--ui-section:24px;--ui-card-title:16px;--ui-meta:12px;--ui-grid-gap:16px;--ui-card-row-gap:28px;--ui-banner-height:220px;--ui-person-name:18px;--ui-person-row-avatar:40px;--ui-person-home-avatar:72px;--ui-detail-ratio:16 / 9}.header-inner,.header-inner.frame{height:60px;min-height:60px;width:calc(100% - 40px);gap:8px}.header-inner .brand img{width:184px}.join-button{font-size:13px;padding:4px 10px;min-height:34px}.header-actions{gap:6px}.discovery-banner .frame{min-height:140px}.discovery-banner p{font-size:14px}.content-space,.events-page{padding-top:32px}.browse-tabs{width:auto;gap:24px;margin-bottom:24px}.browse-tabs>a{flex:none;min-width:60px}.search-box{margin-bottom:24px}.course-section{margin-top:40px}.section-title{margin-bottom:24px}.course-grid{gap:28px 16px}.course-main h3{font-size:16px;line-height:1.5;margin:12px 0 8px;padding-right:20px}.course-main h3:after{width:14px;height:14px;top:5px}.card-person,.event-meta{margin:0;font-size:12px;min-height:24px}.card-person .avatar{width:20px;height:20px}.interactions.compact{margin:4px 0 0;gap:0;justify-content:space-between}.compact button,.compact a{font-size:12px;min-width:40px;gap:4px}.compact .icon{width:16px;height:16px}.collection-grid{gap:20px}.collection-banner{aspect-ratio:620 / 400;min-height:0}.collection-copy{padding:24px}.collection-copy h2{font-size:22px}.collection-copy p{font-size:14px}.banner-action{font-size:16px;margin-top:24px}.collection-hero{aspect-ratio:620 / 400}.collection-intro{font-size:16px;margin:24px 0}.event-feature,.home-learning{grid-template-columns:2fr 3fr;gap:16px;align-items:start}.event-feature>img,.home-learning>img{height:auto;aspect-ratio:1 / 1;object-fit:cover}.event-feature>div,.home-learning>div{height:auto;min-height:0;padding:0;gap:6px}.event-feature h2,.home-learning h2{font-size:18px;line-height:1.5}.event-feature p,.event-feature small,.home-learning p{font-size:12px;margin:0}.home-learning h3{font-size:14px}.event-feature .text-link,.home-learning .text-link{font-size:14px;margin-top:12px}.event-filters{margin-top:32px;gap:12px;flex-wrap:wrap}.event-filters nav{gap:4px}.event-filters nav a{padding:6px 12px;font-size:14px}.event-filters label{font-size:14px;margin-left:auto}.event-filters select{font-size:14px;height:36px;min-height:36px}.home-intro{padding:40px 0}.home-intro-heading{gap:16px;margin-bottom:24px}.home-intro-heading p{font-size:16px}.home-capabilities{gap:12px;margin-top:32px}.home-capabilities h3{font-size:16px;margin:12px 0 6px}.home-capabilities p{margin:0;font-size:12px}.home-recent{padding:40px 0}.home-feature-grid{gap:24px}.home-feature-grid>a{background:transparent;border-radius:0;gap:16px}.home-feature-grid img{aspect-ratio:1 / 1;height:auto;align-self:start;border-radius:10px}.home-feature-grid h3{font-size:16px;margin:8px 0}.home-feature-grid p{font-size:12px;margin:0}.home-feature-grid .text-link{font-size:14px;margin:0}.home-feature-tag{margin:0;font-size:12px}.home-achievements{padding:40px 0}.site-footer{margin-top:60px}.footer-inner{padding:30px 0 90px}.footer-inner p{font-size:16px}.detail-top h1,.person-introduction h1{font-size:28px}.detail-section{margin-top:28px;padding-top:28px}.detail-section h2{font-size:24px;margin-bottom:20px}.detail-cover{margin-bottom:24px}.person-row{padding:24px 0}.person-row h2{font-size:18px}.person-row p{font-size:14px}.person-introduction{padding:24px 0}.person-work-section{margin-top:40px}.content-row{gap:16px;padding:20px 0}.content-row h3{font-size:16px}.resource-row{padding:14px 0;gap:12px}.account-action{font-size:14px}.following-row p{font-size:12px}}@media(max-width:359px){.header-inner .brand img{width:156px}.header-inner .join-button{font-size:12px;padding:4px 8px}.header-profile{display:none}.event-feature h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}html:is([data-variant=b],[data-variant=c]){--ui-grid-gap:24px;--ui-card-row-gap:28px;--cover-ratio:16 / 9;--ui-recent-ratio:16 / 9;--daily-action:#187f91}:is([data-variant=b],[data-variant=c]) .course-cover{aspect-ratio:16 / 9}:is([data-variant=b],[data-variant=c]) .course-grid{gap:28px 24px}:is([data-variant=b],[data-variant=c]) .course-main h3{margin:12px 0 6px}:is([data-variant=b],[data-variant=c]) .card-person,:is([data-variant=b],[data-variant=c]) .event-meta{margin:0;min-height:28px}:is([data-variant=b],[data-variant=c]) .interactions.compact{margin:4px 0 0;gap:20px}:is([data-variant=b],[data-variant=c]) .collection-grid{gap:24px}:is([data-variant=b],[data-variant=c]) .collection-banner{aspect-ratio:8 / 3;min-height:0}:is([data-variant=b],[data-variant=c]) .collection-copy{padding:24px}:is([data-variant=b],[data-variant=c]) .collection-copy h2{margin-bottom:8px}:is([data-variant=b],[data-variant=c]) .banner-action{margin-top:16px;min-height:36px}:is([data-variant=b],[data-variant=c]) .collection-hero{aspect-ratio:4 / 1;min-height:220px}:is([data-variant=b],[data-variant=c]) .collection-intro{margin:24px 0}:is([data-variant=b],[data-variant=c]) .content-space,:is([data-variant=b],[data-variant=c]) .events-page{padding-top:40px}:is([data-variant=b],[data-variant=c]) .discovery-banner .frame{min-height:160px}:is([data-variant=b],[data-variant=c]) .course-section,:is([data-variant=b],[data-variant=c]) .person-work-section{margin-top:40px}:is([data-variant=b],[data-variant=c]) .section-title{margin-bottom:24px}:is([data-variant=b],[data-variant=c]) .browse-tabs{gap:24px;margin-bottom:16px}:is([data-variant=b],[data-variant=c]) .browse-tabs>a{min-height:40px;padding:4px 0}:is([data-variant=b],[data-variant=c]) .search-box{margin-bottom:24px}.event-discovery,.zone-placeholder{display:none}.event-zone-grid{display:contents}:is([data-variant=b],[data-variant=c]) .event-discovery{display:block}:is([data-variant=b],[data-variant=c]) .zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}:is([data-variant=b],[data-variant=c]) .zone-placeholder{display:grid;place-items:center;min-width:0;border:0;background:transparent;color:var(--color-secondary);font-size:20px;line-height:1.4;font-weight:400}:is([data-variant=b],[data-variant=c]) .event-feature{display:block;width:100%;max-width:none;margin:0;min-width:0}:is([data-variant=b],[data-variant=c]) .event-feature>img{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:10px}:is([data-variant=b],[data-variant=c]) .event-feature>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;height:auto;min-height:0;padding:12px 0 0;gap:6px 20px}:is([data-variant=b],[data-variant=c]) .event-feature h2{font-size:24px;line-height:1.35;margin:0;font-weight:500}:is([data-variant=b],[data-variant=c]) .event-feature .event-date{margin:0;font-size:14px;line-height:1.4;white-space:nowrap}:is([data-variant=b],[data-variant=c]) .event-feature>div>p:not(.event-date),:is([data-variant=b],[data-variant=c]) .event-feature .type-label,:is([data-variant=b],[data-variant=c]) .event-feature small,:is([data-variant=b],[data-variant=c]) .event-feature .text-link,:is([data-variant=b],[data-variant=c]) .event-feature .event-date .icon{display:none}:is([data-variant=b],[data-variant=c]) .event-date{margin-block:4px}:is([data-variant=b],[data-variant=c]) .event-filters{margin-top:32px;gap:16px}:is([data-variant=b],[data-variant=c]) .event-filters nav{gap:8px}:is([data-variant=b],[data-variant=c]) .event-filters nav a{min-height:40px;padding:6px 12px}:is([data-variant=b],[data-variant=c]) .event-filters select{min-height:36px;height:36px;padding-block:4px;line-height:20px}:is([data-variant=b],[data-variant=c]) .catalog-note{margin:16px 0 24px}:is([data-variant=b],[data-variant=c]) .home-intro{padding:48px 0}:is([data-variant=b],[data-variant=c]) .home-intro-heading{margin-bottom:24px}:is([data-variant=b],[data-variant=c]) .home-capabilities{gap:24px;margin-top:40px}:is([data-variant=b],[data-variant=c]) .home-capabilities img{aspect-ratio:16 / 9}:is([data-variant=b],[data-variant=c]) .home-capabilities h3{margin:12px 0 6px}:is([data-variant=b],[data-variant=c]) .home-capabilities p{margin-inline:0}:is([data-variant=b],[data-variant=c]) .home-recent,:is([data-variant=b],[data-variant=c]) .home-achievements{padding:48px 0}:is([data-variant=b],[data-variant=c]) .home-feature-grid{gap:24px}:is([data-variant=b],[data-variant=c]) .home-feature-grid img{aspect-ratio:16 / 9}:is([data-variant=b],[data-variant=c]) .home-feature-grid h3{margin:12px 0 6px;line-height:1.35}.learning-brief,.home-feature-date{display:none}:is([data-variant=b],[data-variant=c]) .home-feature-grid p:not(.home-feature-date),:is([data-variant=b],[data-variant=c]) .home-feature-tag,:is([data-variant=b],[data-variant=c]) .home-feature-grid .text-link{display:none}:is([data-variant=b],[data-variant=c]) .home-feature-grid .home-feature-date{display:block;margin:0;font-size:14px;line-height:1.4;color:var(--color-secondary)}:is([data-variant=b],[data-variant=c]) .detail-section{margin-top:28px;padding-top:28px}:is([data-variant=b],[data-variant=c]) .detail-section h2{margin-bottom:20px}:is([data-variant=b],[data-variant=c]) .resource-row{padding-block:12px}:is([data-variant=b],[data-variant=c]) .person-row{padding:20px 0}:is([data-variant=b],[data-variant=c]) .person-introduction{padding:24px 0}:is([data-variant=b],[data-variant=c]) .content-row{padding:20px 0;gap:24px}:is([data-variant=b],[data-variant=c]) .account-page{padding-top:32px}:is([data-variant=b],[data-variant=c]) .account-page-description{margin-bottom:16px}:is([data-variant=b],[data-variant=c]) .account-type-filters{gap:8px;margin-bottom:12px;padding-bottom:0;font-size:14px}:is([data-variant=b],[data-variant=c]) .account-type-filters a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 12px;line-height:20px;background:transparent;border-radius:0}:is([data-variant=b],[data-variant=c]) .account-type-filters a:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-inline:0;top:50%;transform:translateY(-50%);height:32px;border-radius:8px;background:var(--color-soft)}:is([data-variant=b],[data-variant=c]) .account-type-filters a[aria-current=page]:before{background:color-mix(in srgb,var(--brand) 15%,var(--color-bg))}:is([data-variant=b],[data-variant=c]) .account-type-filters a:hover:before{background:var(--color-fill)}:is([data-variant=b],[data-variant=c]) .account-item-list{gap:28px 24px}:is([data-variant=b],[data-variant=c]) .pv-join-hero{padding-block:28px 24px}:is([data-variant=b],[data-variant=c]) .pv-direction{padding:12px 16px;margin-bottom:8px}:is([data-variant=b],[data-variant=c]) .pv-section{padding-block:20px}:is([data-variant=b],[data-variant=c]) .site-footer{margin-top:64px}:is([data-variant=b],[data-variant=c]) .footer-inner{padding-block:40px 32px}@media(max-width:767px){html:is([data-variant=b],[data-variant=c]){--ui-grid-gap:12px;--ui-card-row-gap:20px}:is([data-variant=b],[data-variant=c]) .zone-grid{grid-template-columns:minmax(0,1fr);gap:16px}:is([data-variant=b],[data-variant=c]) .zone-placeholder{display:none}:is([data-variant=b],[data-variant=c]) .course-grid{gap:20px 12px}:is([data-variant=b],[data-variant=c]) .course-main h3{margin:8px 0 4px}:is([data-variant=b],[data-variant=c]) .card-person,:is([data-variant=b],[data-variant=c]) .event-meta{min-height:24px}:is([data-variant=b],[data-variant=c]) .interactions.compact{gap:0;margin-top:0}:is([data-variant=b],[data-variant=c]) .collection-grid{gap:16px}:is([data-variant=b],[data-variant=c]) .collection-banner{aspect-ratio:2 / 1}:is([data-variant=b],[data-variant=c]) .collection-copy{padding:16px}:is([data-variant=b],[data-variant=c]) .collection-copy h2{font-size:20px;margin-bottom:4px}:is([data-variant=b],[data-variant=c]) .banner-action{margin-top:8px;min-height:36px}:is([data-variant=b],[data-variant=c]) .collection-hero{min-height:0;aspect-ratio:2 / 1}:is([data-variant=b],[data-variant=c]) .collection-hero .collection-copy{padding:20px}:is([data-variant=b],[data-variant=c]) .content-space,:is([data-variant=b],[data-variant=c]) .events-page{padding-top:24px}:is([data-variant=b],[data-variant=c]) .discovery-banner .frame{min-height:110px}:is([data-variant=b],[data-variant=c]) .course-section,:is([data-variant=b],[data-variant=c]) .person-work-section{margin-top:28px}:is([data-variant=b],[data-variant=c]) .section-title{margin-bottom:16px}:is([data-variant=b],[data-variant=c]) .browse-tabs{margin-bottom:12px}:is([data-variant=b],[data-variant=c]) .browse-tabs>a{min-height:44px}:is([data-variant=b],[data-variant=c]) .search-box{margin-bottom:20px}:is([data-variant=b],[data-variant=c]) .event-feature h2{font-size:18px;line-height:1.35}:is([data-variant=b],[data-variant=c]) .event-feature .event-date{font-size:12px}:is([data-variant=b],[data-variant=c]) .event-feature>div{padding-top:10px;gap:6px 12px}:is([data-variant=b],[data-variant=c]) .event-filters{margin-top:20px;gap:8px}:is([data-variant=b],[data-variant=c]) .event-filters nav{gap:4px}:is([data-variant=b],[data-variant=c]) .event-filters nav a{min-height:44px;padding:4px 10px}:is([data-variant=b],[data-variant=c]) .event-filters label{min-height:44px}:is([data-variant=b],[data-variant=c]) .catalog-note{margin:12px 0 16px}:is([data-variant=b],[data-variant=c]) .home-intro,:is([data-variant=b],[data-variant=c]) .home-recent,:is([data-variant=b],[data-variant=c]) .home-achievements{padding-block:28px}:is([data-variant=b],[data-variant=c]) .home-intro-heading{margin-bottom:20px}:is([data-variant=b],[data-variant=c]) .home-capabilities{gap:12px;margin-top:24px}:is([data-variant=b],[data-variant=c]) .home-capabilities h3{margin-top:8px}:is([data-variant=b],[data-variant=c]) .home-feature-grid{gap:20px}:is([data-variant=b],[data-variant=c]) .home-feature-grid>a{grid-template-columns:minmax(0,618fr) minmax(0,382fr);grid-template-rows:1fr auto;gap:0 12px;align-items:stretch}:is([data-variant=b],[data-variant=c]) .home-feature-grid img{aspect-ratio:16 / 9;grid-column:1;grid-row:1 / 3;height:auto;align-self:start}:is([data-variant=b],[data-variant=c]) .home-feature-grid h3{grid-column:2;grid-row:1;margin:0;padding:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start}:is([data-variant=b],[data-variant=c]) .home-feature-grid .home-feature-date{grid-column:2;grid-row:2;margin:0;padding:0;align-self:end;font-size:12px;line-height:1.35}:is([data-variant=b],[data-variant=c]) .account-mobile-summary{margin-bottom:20px}:is([data-variant=b],[data-variant=c]) .account-mobile-tabs{height:44px;min-height:44px;gap:12px;margin-bottom:8px;border-bottom:0;box-shadow:inset 0 -1px 0 var(--color-line)}:is([data-variant=b],[data-variant=c]) .account-mobile-tabs a{display:flex;align-items:center;min-height:44px;height:44px;padding-block:0;line-height:24px}:is([data-variant=b],[data-variant=c]) .account-type-filters{font-size:14px;margin-bottom:12px}:is([data-variant=b],[data-variant=c]) .account-type-filters a{padding-inline:12px}:is([data-variant=b],[data-variant=c]) .account-item-list{gap:20px 12px}:is([data-variant=b],[data-variant=c]) .person-row{padding:16px 0}:is([data-variant=b],[data-variant=c]) .person-row>.follow-button{top:12px}:is([data-variant=b],[data-variant=c]) .content-row{gap:12px;padding:16px 0}:is([data-variant=b],[data-variant=c]) .detail-section{margin-top:24px;padding-top:24px}:is([data-variant=b],[data-variant=c]) .detail-section h2{margin-bottom:16px}:is([data-variant=b],[data-variant=c]) .pv-join-hero{padding-block:24px 20px}:is([data-variant=b],[data-variant=c]) .pv-direction{padding:12px;gap:12px}:is([data-variant=b],[data-variant=c]) .site-footer{margin-top:40px}:is([data-variant=b],[data-variant=c]) .footer-inner{padding:24px 0 88px}}:is([data-variant=b],[data-variant=c]) .join-button{position:relative;isolation:isolate;height:44px;min-height:44px;padding:0 20px;border:0;background:transparent;color:#fff;border-radius:8px;font-size:16px;line-height:24px}:is([data-variant=b],[data-variant=c]) .join-button:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-inline:0;top:50%;transform:translateY(-50%);height:36px;border-radius:8px;background:var(--daily-action)}:is([data-variant=b],[data-variant=c]) .join-button:hover{filter:none}:is([data-variant=b],[data-variant=c]) .join-button:hover:before{background:#116a7a}:is([data-variant=b],[data-variant=c]) .account-action{position:relative;isolation:isolate;min-height:44px;height:44px;padding:0 12px;border:0;background:transparent;color:var(--daily-action);line-height:20px;font-size:14px;gap:6px}:is([data-variant=b],[data-variant=c]) .account-action:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-inline:0;top:50%;transform:translateY(-50%);height:32px;border:1px solid currentColor;border-radius:6px;box-sizing:border-box;background:var(--color-bg)}:is([data-variant=b],[data-variant=c]) .account-action:hover:before{background:var(--color-soft)}:is([data-variant=b],[data-variant=c]) .account-action .icon{width:16px;height:16px}:is([data-variant=b],[data-variant=c]) .account-mobile-actions{gap:0}:is([data-variant=b],[data-variant=c]) .home-learning{grid-template-columns:minmax(0,618fr) minmax(0,382fr);gap:0;align-items:stretch;min-height:0;background:var(--color-soft);border-radius:10px;overflow:hidden}:is([data-variant=b],[data-variant=c]) .home-learning>img{position:static;width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-radius:0;align-self:start}:is([data-variant=b],[data-variant=c]) .home-learning>div{grid-column:2;height:auto;min-height:0;min-width:0;padding:24px;gap:8px;justify-content:flex-start}:is([data-variant=b],[data-variant=c]) .home-learning h2,:is([data-variant=b],[data-variant=c]) .home-learning h3{margin:0}:is([data-variant=b],[data-variant=c]) .home-learning h3,:is([data-variant=b],[data-variant=c]) .home-learning p{display:none}:is([data-variant=b],[data-variant=c]) .home-learning .learning-brief{display:block;font-size:16px;line-height:1.4}:is([data-variant=b],[data-variant=c]) .home-learning .text-link{color:var(--daily-action);margin-top:auto;min-height:0;line-height:1.4}@media(max-width:767px){:is([data-variant=b],[data-variant=c]) .join-button{font-size:14px;line-height:20px;padding-inline:14px}:is([data-variant=b],[data-variant=c]) .home-learning>div{padding:8px;gap:4px}:is([data-variant=b],[data-variant=c]) .home-learning h2{font-size:18px;line-height:1.3}:is([data-variant=b],[data-variant=c]) .home-learning .learning-brief{font-size:12px;line-height:1.35}:is([data-variant=b],[data-variant=c]) .home-learning .text-link{font-size:14px;margin-top:auto;min-height:0;line-height:20px}}@media(max-width:359px){:is([data-variant=b],[data-variant=c]) .join-button{font-size:13px;padding-inline:10px}:is([data-variant=b],[data-variant=c]) .home-learning>div{padding:8px}}html[data-variant=c]{--c-action: #187f91}html[data-variant=c] .course-main h3:after{content:none}html[data-variant=c] .course-main h3{padding-right:0}html[data-variant=c] .icon[data-icon=arrow]{display:none}html[data-variant=c] .button:not(.secondary){background:var(--c-action);border-color:var(--c-action);color:#fff}html[data-variant=c] .button.secondary{background:var(--color-soft);border-color:var(--color-line);color:var(--color-secondary)}html[data-variant=c] .text-link,html[data-variant=c] .login-link,html[data-variant=c] .account-protocol a{color:var(--c-action)}html[data-variant=c] .text-link[data-action=delete-comment],html[data-variant=c] .account-form-actions>.text-link{color:var(--color-secondary)}html[data-variant=c] .follow-button,html[data-variant=c] .person-social>.follow-button{color:var(--c-action);border-color:var(--c-action);background:var(--color-bg)}html[data-variant=c] .follow-button[aria-pressed=true]{background:#edf6f6}html[data-variant=c] :is(.desktop-nav,.mobile-nav,.browse-tabs,.event-filters nav,.account-sidebar,.account-mobile-tabs,.account-type-filters) [aria-current=page]{color:var(--c-action)}html[data-variant=c] :is(.browse-tabs,.event-filters nav,.account-mobile-tabs) [aria-current=page]{border-bottom-color:var(--c-action)}html[data-variant=c] .desktop-nav [aria-current=page]:after{display:block;background:var(--c-action);left:32px;right:32px;height:2px}html[data-variant=c] .interactions [aria-pressed=true],html[data-variant=c] .interactions [aria-pressed=true] .icon{color:var(--c-action)}html[data-variant=c] .account-protocol input{accent-color:var(--c-action)}html[data-variant=c] .collection-banner:not(.collection-hero){display:block;min-width:0;min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;border-radius:0}html[data-variant=c] .collection-banner:not(.collection-hero):before{content:none}html[data-variant=c] .collection-banner:not(.collection-hero)>img{position:static;display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px}html[data-variant=c] .collection-banner:not(.collection-hero) .collection-copy{padding:12px 0 0;color:var(--color-text)}html[data-variant=c] .collection-banner:not(.collection-hero) h2{margin:0 0 6px;font-size:24px;line-height:1.35;font-weight:500}html[data-variant=c] .collection-banner:not(.collection-hero) p{margin:0;font-size:14px;line-height:1.4;color:var(--color-secondary)}html[data-variant=c] .collection-banner:not(.collection-hero) .banner-action{display:none}html[data-variant=c] .event-feature>div{display:block}html[data-variant=c] .event-feature .event-date{margin-top:6px}html[data-variant=c] .home-feature-grid>a{display:flex;flex-direction:column;gap:0;min-width:0}html[data-variant=c] .home-feature-grid img{order:0;width:100%}html[data-variant=c] .home-feature-grid h3{order:1;align-self:stretch;margin:12px 0 6px}html[data-variant=c] .home-feature-grid .home-feature-date{order:2;align-self:stretch}html[data-variant=c] :is(.collection-banner:not(.collection-hero) h2,.collection-banner:not(.collection-hero) p,.event-feature h2,.event-feature .event-date,.course-main h3,.event-meta,.card-person>span:not(.avatar),.home-feature-grid h3,.home-feature-grid .home-feature-date,.home-capabilities h3,.home-capabilities p,.content-row h3,.content-row p,.person-row h2,.person-row p){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}@media(max-width:767px){html[data-variant=c] .collection-banner:not(.collection-hero) .collection-copy{padding-top:10px}html[data-variant=c] .collection-banner:not(.collection-hero) h2{font-size:18px}html[data-variant=c] .collection-banner:not(.collection-hero) p{font-size:12px}}html{--v2-green:#187f91}.detail-cover.source-cover,.event-detail-cover.source-cover{object-fit:contain}.account-register-heading small{display:block;color:var(--color-secondary);font-size:var(--font-note);margin-top:8px}.account-main .account-field-error{overflow-wrap:anywhere}html[data-variant=c] .account-sidebar-person>.avatar{flex-shrink:0}html[data-variant=c] .pv-direction-icon{color:var(--c-action)}html[data-compare] #environment-bar{display:none}.cover-media{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#f2f6f6}.cover-media img{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;object-fit:contain!important}.cover-media .media-blur{object-fit:cover!important;filter:blur(14px) saturate(.8);transform:scale(1.18);opacity:.65}.cover-media.media-photo .media-main{object-fit:cover!important}.cover-media.media-top .media-main{object-fit:cover!important;object-position:center top}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#708183;font-size:14px;background:linear-gradient(145deg,#edf5f5,#f7f8f8)}.media-main{z-index:1}.media-failed img{display:none}html[data-variant=c] .course-card{display:flex;flex-direction:column;min-width:0}html[data-variant=c] .course-main{display:block}html[data-variant=c] .course-main h3{margin:12px 0 6px;min-height:2.7em;line-height:1.35}html[data-variant=c] .course-card .interactions{margin-top:auto;padding-top:8px}html[data-variant=c] .card-person{min-height:28px}html[data-variant=c] .card-person .avatar{flex-shrink:0}html[data-variant=c] .event-meta{margin:0 0 6px;line-height:1.4}.entrance-card{display:flex;flex-direction:column;gap:0;min-width:0}.entrance-card h2{font-size:24px;font-weight:500;line-height:1.35;margin:12px 0 6px}.entrance-card .entrance-description{font-size:14px;color:var(--color-secondary);line-height:1.4;margin:0}.entrance-card h2,.entrance-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}html[data-variant=c] .home-feature-grid .entrance-description{display:-webkit-box;margin:0}html[data-variant=c] .home-feature-grid .cover-media{order:0}html[data-variant=c] .home-learning .learning-brief{display:block}#environment-bar{position:sticky;top:0;z-index:80;background:#edf6f6;color:#28585d;font-size:12px;border-bottom:1px solid #d5e6e5;padding:8px 16px}#environment-bar:empty{display:none}#environment-bar a{text-decoration:underline;margin-left:12px}#environment-bar select{display:inline-block;width:auto;font-size:12px;min-height:28px;padding:2px 5px;margin-left:8px}#environment-bar label{display:inline-flex;align-items:center;font-size:12px;margin:0 8px}#environment-bar span{display:inline-block;margin-left:8px}html[data-review] .site-header{top:0}[aria-busy=true]{cursor:progress}button:disabled{opacity:.55;cursor:not-allowed}.v2-loading{padding:48px 20px;text-align:center;color:var(--color-secondary)}.v2-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:32px auto}.v2-skeleton i{display:block;aspect-ratio:16/11;border-radius:10px;background:linear-gradient(110deg,#f5f7f7,#eaf1f1,#f5f7f7)}.v2-state-notice{font-size:13px;color:var(--color-secondary);padding:12px 0}.v2-state-notice button{margin-left:12px}@media(max-width:767px){html[data-variant=c] .course-main h3{margin-top:8px;font-size:16px}.entrance-card h2{font-size:18px;margin-top:10px}.entrance-card .entrance-description{font-size:12px}html[data-variant=c] .card-person{min-height:24px}#environment-bar{position:static;font-size:11px}}.sample-site .desktop-nav a{width:auto;padding-inline:12px}.sample-site .desktop-nav [aria-current]:after{left:12px;right:12px}.sample-site .header-inner{gap:20px}.sample-site .header-actions{gap:16px;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.sample-site .header-actions .account-entry{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:44px;line-height:1.4;white-space:nowrap}.sample-site .account-entry .icon{display:block;width:22px;height:22px;flex:none}.sample-site .account-entry [data-account-avatar]{display:contents}.sample-site .account-entry .account-avatar-image{width:22px;height:22px;object-fit:cover;border-radius:50%;flex:none}.sample-site .account-entry.has-account-avatar>.icon{display:none}.sample-site .site-header{position:sticky;top:0;z-index:30}.sample-menu-toggle{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px}.sample-menu-toggle span{display:block;width:20px;height:1px;background:currentColor}.sample-mobile-menu{padding:8px 0 20px}.sample-mobile-menu a{display:block;padding:10px 0;color:var(--color-secondary)}.sample-mobile-menu [aria-current]{color:var(--c-action)}.sample-review{border-bottom:1px solid var(--color-line);color:var(--color-secondary);font-size:12px;background:var(--color-soft)}.sample-review>.frame{display:flex;align-items:center;gap:16px;padding-block:7px}.sample-review a{margin-left:auto;text-decoration:underline;white-space:nowrap}.sample-hero{overflow:hidden}.sample-hero>img{transition:opacity .35s}.sample-hero-bottom{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;gap:20px;font-size:12px;color:#fff}.sample-carousel-controls{margin-left:auto;display:flex;align-items:center;gap:12px}.sample-carousel-controls>button{font-size:12px;color:#fff;min-width:44px;min-height:36px;border:1px solid #ffffff70;border-radius:6px;background:transparent}.sample-carousel-dots{display:flex;gap:4px}.sample-carousel-dots button{position:relative;background:none;border:0;width:28px;height:36px;padding:0}.sample-carousel-dots button:after{content:"";display:block;width:16px;height:3px;background:#fff6;margin:auto;border-radius:2px}.sample-carousel-dots [aria-pressed=true]:after{background:#fff}.sample-site .home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.sample-card-meta{font-size:14px;color:var(--color-secondary);line-height:1.4;margin:0;min-width:0;flex:1}.sample-card{min-width:0}.sample-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.sample-card-actions{display:flex;justify-content:flex-end;flex:none;margin-left:auto}.sample-bookmark{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 6px;border:0;background:transparent;color:var(--color-secondary);font:inherit;font-size:14px;cursor:pointer}.sample-bookmark[aria-pressed=true]{color:var(--c-action)}.sample-bookmark[aria-pressed=true] .icon{fill:currentColor}.sample-bookmark:focus-visible{outline:2px solid var(--c-action);outline-offset:2px;border-radius:4px}.sample-bookmark:disabled{opacity:.55;cursor:wait}.sample-detail-actions{margin-top:12px}.sample-site .sample-cover.media-poster .media-main{height:auto!important;inset:0 0 auto!important;width:100%!important;object-fit:contain!important;transform:none}.sample-site .sample-cover.media-top .media-main{height:auto!important;inset:0 0 auto!important;width:100%!important;object-fit:contain!important}.sample-site .sample-cover.media-photo .media-main{object-fit:contain!important;object-position:center center}.sample-site .account-item .course-grid{display:block}.sample-site .account-view-bookmarks .account-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sample-site .account-view-bookmarks .account-item{border:0;padding:0;min-width:0}.sample-site .entrance-card:focus-visible{outline:2px solid var(--c-action);outline-offset:6px;border-radius:10px}.sample-site .entrance-card:hover h2{color:var(--c-action)}.sample-site .home-capabilities a:focus-visible{outline:2px solid var(--c-action);outline-offset:6px}.sample-banner{background:var(--color-soft) url(/community/design-system/assets/ink-mountains.webp) right center/cover no-repeat;padding-block:40px}.sample-banner h1{font-size:var(--ui-title);line-height:1.3}.sample-columns{display:grid;grid-template-columns:128px minmax(0,1fr);gap:40px;padding-top:36px}.sample-column-content{min-width:0}.sample-guide{position:sticky;align-self:start;top:calc(var(--sample-header-height,80px) + 12px);display:flex;flex-direction:column;align-items:stretch;border-left:1px solid var(--color-line)}.sample-guide a{padding:10px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--color-secondary);font-size:14px}.sample-guide [aria-current]{color:var(--c-action);border-left-color:var(--c-action)}.sample-section{margin-bottom:48px;scroll-margin-top:calc(var(--sample-header-height,80px) + 28px)}.sample-section+.sample-section{border-top:1px solid var(--color-line);padding-top:32px}.sample-section>.section-title{margin-bottom:24px}.sample-activity-group{margin-top:32px;scroll-margin-top:calc(var(--sample-header-height,80px) + 28px)}.sample-activity-group>h3{font-size:20px;line-height:1.4;margin-bottom:20px}.sample-series-links{display:flex;gap:8px 20px;flex-wrap:wrap;border-bottom:1px solid var(--color-line);padding-bottom:20px;color:var(--color-secondary);font-size:14px}.sample-series-links a{min-height:32px;display:flex;align-items:center}.sample-series-links a:hover{color:var(--c-action)}.sample-organizations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sample-organizations article{padding:16px 0;border-top:1px solid var(--color-line)}.sample-organizations h3,.sample-account h3{font-size:20px;line-height:1.4;margin-bottom:6px}.sample-organizations p,.sample-account p{font-size:14px;color:var(--color-secondary);margin:0}.sample-organizations a{font-size:14px;margin-top:8px}.sample-account{display:flex;gap:32px;align-items:center;border-top:1px solid var(--color-line);padding-top:20px}.sample-account small{font-size:12px;color:var(--color-secondary)}.sample-media-note{max-width:400px}.sample-world{display:grid;grid-template-columns:1fr 1fr;background:#f0f6f6;border-radius:10px;overflow:hidden}.sample-world-illustration{display:flex;align-items:center;justify-content:center;min-height:240px;background:#fff}.sample-world-illustration img{width:100%;height:100%;object-fit:contain}.sample-world-brand{padding:40px;background:#187f91;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:36px}.sample-world-brand>span{font-size:16px}.sample-world-brand strong{font-size:28px;line-height:1.45;font-weight:500}.sample-world>div+div{padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sample-world h3{font-size:24px}.sample-world p{font-size:16px;margin:12px 0 24px;color:var(--color-secondary)}.sample-site .detail-page{padding-top:28px}.sample-site .reading{margin-inline:auto}.sample-detail-media{margin-bottom:28px}.sample-detail-media .sample-cover{aspect-ratio:auto;max-height:none}.sample-detail-media .sample-cover .media-main{position:relative!important;display:block;height:auto!important;width:100%!important;inset:auto!important;object-fit:contain!important}.sample-site .sample-cover .media-fallback{display:none;background:var(--color-soft) url(/community/design-system/assets/ink-mountains.webp) center/cover no-repeat;padding:8%;color:var(--color-text);font-family:inherit}.sample-site .sample-cover.media-missing .media-fallback,.sample-site .sample-cover.media-failed .media-fallback{display:grid}.sample-site .sample-cover-title{display:block;text-align:center;font-size:clamp(14px,1.5vw,24px);font-weight:500;line-height:1.45;overflow-wrap:anywhere;max-height:100%;overflow:hidden;text-wrap:balance}.sample-detail-media .sample-cover.media-missing,.sample-detail-media .sample-cover.media-failed{max-height:none;aspect-ratio:16/9}.sample-detail-media .sample-cover-title{font-size:clamp(20px,3vw,36px)}.sample-site .detail-top h1{line-height:1.3}.sample-site .detail-top .author-row{margin-top:20px}.sample-site .detail-top .source-date{font-size:14px;color:var(--color-secondary);margin-top:12px}.sample-site .resource-copy{min-width:0}.sample-site .resource-copy strong{overflow-wrap:anywhere}.sample-site .resource-row>.text-link{white-space:nowrap;flex-shrink:0}.sample-comment-entry{display:flex;align-items:center;gap:16px;background:var(--color-soft);padding:16px;border-radius:10px}.sample-comment-entry p{font-size:16px;color:var(--color-secondary);flex:1}.sample-comment-entry .avatar{width:40px;height:40px}.sample-preview-note{font-size:12px;color:var(--color-secondary);margin-top:12px}.sample-not-found{padding-block:80px;min-height:50vh}.sample-not-found h1{font-size:28px;margin-bottom:24px}.sample-site .footer-inner{padding-bottom:32px}@media(max-width:1199px){.sample-site .desktop-nav{display:none}.sample-menu-toggle{display:flex}.sample-site .header-actions{margin-left:auto;gap:12px}.sample-columns{grid-template-columns:112px minmax(0,1fr);gap:24px}.sample-column-content .entrance-card h2{font-size:20px}}@media(max-width:767px){.sample-site .header-inner{gap:8px}.sample-site .header-actions{gap:6px}.sample-site .account-entry [data-account-label]{display:none}.sample-site .header-inner .brand img{width:142px}.sample-site .header-actions .account-entry{min-width:32px}.sample-site .header-actions .sample-menu-toggle{width:36px;min-width:36px}.sample-review>.frame{font-size:11px;gap:10px;flex-wrap:wrap;padding-block:6px}.sample-review>.frame>span:nth-child(2){display:none}.sample-hero{min-height:320px}.sample-hero h1{font-size:28px}.sample-hero p{font-size:16px}.sample-hero-bottom{font-size:11px;align-items:flex-end;gap:12px;bottom:10px}.sample-hero-bottom>span{max-width:200px;line-height:1.4}.sample-carousel-controls{gap:4px}.sample-carousel-dots{gap:0}.sample-carousel-dots button{width:20px}.sample-carousel-controls>button{min-width:36px;font-size:11px}.sample-site .home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.sample-card-meta{font-size:12px}.sample-banner{padding-block:26px}.sample-banner h1{font-size:28px}.sample-columns{display:block;padding-top:0}.sample-guide{position:sticky;top:var(--sample-header-height,68px);z-index:20;flex-direction:row;gap:24px;border:0;background:#fffffff2;padding-block:6px;margin-bottom:20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sample-guide a{padding:8px 0;border-left:0;border-bottom:2px solid transparent;font-size:14px;margin:0;flex:none}.sample-guide [aria-current]{border-bottom-color:var(--c-action)}.sample-section{margin-bottom:32px;scroll-margin-top:calc(var(--sample-header-height,68px) + var(--sample-guide-height,48px) + 16px)}.sample-section+.sample-section{padding-top:24px}.sample-section>.section-title{margin-bottom:20px}.sample-column-content .entrance-card h2{font-size:16px}.sample-site .entrance-card .entrance-description{font-size:12px}.sample-activity-group{margin-top:24px;scroll-margin-top:calc(var(--sample-header-height,68px) + var(--sample-guide-height,48px) + 16px)}.sample-activity-group>h3{font-size:18px;margin-bottom:16px}.sample-series-links{gap:4px 16px;font-size:12px;padding-bottom:12px}.sample-organizations{grid-template-columns:1fr;gap:12px}.sample-organizations h3,.sample-account h3{font-size:16px}.sample-account{display:block}.sample-media-note{margin-top:12px!important;font-size:12px!important}.sample-world{grid-template-columns:1fr}.sample-world-brand{padding:24px;gap:20px}.sample-world-brand strong{font-size:24px}.sample-world>div+div{padding:24px}.sample-world h3{font-size:20px}.sample-world p{font-size:14px;margin-bottom:20px}.sample-site .detail-page{padding-top:20px}.sample-site .detail-top h1{font-size:28px}.sample-detail-media{margin-bottom:20px}.sample-comment-entry{gap:10px;padding:12px}.sample-comment-entry p{font-size:14px}.sample-comment-entry .button{padding-inline:12px;font-size:14px}.sample-site .resource-row{flex-wrap:wrap}.sample-site .resource-copy{flex:1}.sample-site .resource-copy strong{font-size:14px}.sample-site .resource-row>.text-link{margin-left:auto;font-size:14px;min-height:36px}.sample-site .footer-inner{padding-bottom:28px}}@media(max-width:359px){.sample-site .header-inner .brand img{width:116px}.sample-site .header-inner,.sample-site .header-actions{gap:4px}.sample-site .join-button{padding-inline:8px;font-size:12px}.sample-hero h1{font-size:26px}.sample-hero-bottom>span{max-width:145px}.sample-site .home-capabilities h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.sample-hero>img{transition:none}}.sample-site .information-prose p{margin-bottom:20px;line-height:1.8;color:var(--color-secondary)}.sample-site .information-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-site .information-platforms h3,.sample-site .information-history h3,.sample-site .information-partners h3{font-size:20px;line-height:1.4;margin-bottom:10px}.sample-site .information-platforms p,.sample-site .information-history p,.sample-site .information-partners p{color:var(--color-secondary);line-height:1.8;font-size:14px}.sample-site .information-history{list-style:none;padding:0;margin:0}.sample-site .information-history li+li{margin-top:24px}.sample-site .information-history-date{margin-bottom:6px}.sample-site .information-history .text-link{font-size:14px;margin-top:8px}.sample-site .information-partners>section+section{margin-top:32px}.sample-site .information-partners ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;list-style:none;padding:0;margin:16px 0 0}.sample-site .information-partners li{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.sample-site .information-media{display:grid;gap:24px}@media(max-width:767px){.sample-site .information-platforms{grid-template-columns:1fr;gap:20px}.sample-site .information-partners ul{grid-template-columns:1fr;gap:10px}.sample-site .information-media .sample-account{gap:16px;flex-wrap:wrap}}.sample-site .sample-hero .hero-description{font-size:16px;line-height:1.7;max-width:560px;margin-top:14px;color:#ffffffeb;text-wrap:pretty}.sample-site .home-intro-heading{display:block}.sample-site .sample-card{display:flex;flex-direction:column;height:100%}.sample-site .sample-card>.entrance-card{flex:1}.sample-site .sample-card-footer{margin-top:auto;padding-top:6px;align-items:flex-end}.sample-site .sample-card{--card-title-size:24px;--card-meta-size:14px}.sample-site .sample-card-heading{display:flex;flex-direction:column;font-size:var(--card-title-size);line-height:1.35;min-block-size:calc(2.7em + 18px + var(--card-meta-size) * 1.4)}.sample-site .sample-card-heading .sample-card-meta{flex:none;font-size:var(--card-meta-size);line-height:1.4;min-block-size:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-variant=c] .sample-site .sample-card .entrance-description{line-height:1.4;min-block-size:2.8em;margin-top:8px}@media(max-width:1199px){.sample-site .sample-column-content .sample-card{--card-title-size:20px}}.sample-site .sample-card .media-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(14px);transform:scale(1.12);opacity:.65;z-index:0;pointer-events:none}.sample-site .sample-card .media-failed .media-backdrop{display:none}@media(max-width:767px){.sample-site .sample-hero .hero-description{font-size:14px;line-height:1.65;margin-top:12px;max-width:32em}.sample-site .sample-card{--card-title-size:18px;--card-meta-size:12px}.sample-site .sample-column-content .sample-card{--card-title-size:16px}}.sample-site .sample-mobile-menu{display:none}@media(max-width:1199px){.sample-site .sample-mobile-menu{display:flex;align-items:stretch;justify-content:space-between;gap:12px;width:calc(100% - 24px);height:48px;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap}.sample-site .sample-mobile-menu::-webkit-scrollbar{display:none}.sample-site .sample-mobile-menu a{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:0;font-size:14px;line-height:1.4;text-decoration:none}.sample-site .sample-mobile-menu [aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--c-action)}.sample-site .sample-mobile-menu a:focus-visible{outline:2px solid var(--c-action);outline-offset:-2px}}@media(max-width:767px){.sample-site .sample-mobile-menu{gap:8px}.sample-site .sample-mobile-menu a{font-size:12px}}@media(max-width:359px){.sample-site .sample-mobile-menu{gap:4px}}.sample-site .about-community .sample-banner-description{margin:12px 0 0;font-size:16px;color:var(--color-secondary);line-height:1.6}.sample-site .about-community .sample-columns{padding-top:48px}.sample-site .about-community .sample-section{margin-bottom:64px}.sample-site .about-community .sample-section+.sample-section{border-top:0;padding-top:0}.sample-site .about-community .section-title{margin-bottom:24px}.sample-site .about-origin{max-width:850px}.sample-site .about-origin h3{font-size:22px;line-height:1.5;margin:0 0 14px}.sample-site .about-origin h3:not(:first-child){margin-top:30px}.sample-site .about-origin p{font-size:16px;line-height:1.9;margin:0 0 14px;color:var(--color-secondary);text-wrap:pretty}.sample-site .about-section-note{font-size:16px;line-height:1.7;color:var(--color-secondary);margin:-8px 0 28px}.sample-site .about-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}.sample-site .about-journey li{min-width:0;border-top:1px solid var(--color-line);padding-top:18px}.sample-site .about-journey time{display:block;font-size:30px;line-height:1.2;letter-spacing:-.02em;font-weight:500;color:var(--c-action);margin-bottom:18px}.sample-site .about-journey h3{font-size:18px;line-height:1.5;margin:0 0 10px}.sample-site .about-journey p{font-size:14px;line-height:1.8;margin:0;color:var(--color-secondary);text-wrap:pretty}.sample-site .about-moments-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-soft);border-radius:10px}.sample-site .about-moment-photo{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .2s ease}.sample-site .about-moment-photo[data-active=true]{opacity:1;visibility:visible}.sample-site .about-moment-photo img{position:absolute;inset:0;width:100%;height:100%;display:block}.sample-site .about-moment-backdrop{object-fit:cover;filter:blur(18px);transform:scale(1.1);opacity:.55}.sample-site .about-moment-image{object-fit:contain;object-position:center;transform:none}.sample-site .about-moments-bottom{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-top:18px}.sample-site .about-moment-caption{min-height:64px;min-width:0}.sample-site .about-moment-caption h3{font-size:18px;line-height:1.5;margin:0 0 6px}.sample-site .about-moment-caption time{font-size:14px;color:var(--color-secondary);line-height:1.6}.sample-site .about-moments-controls{display:flex;align-items:center;flex:none;gap:12px}.sample-site .about-moments-dots{display:flex}.sample-site .about-moments-dots button{border:0;background:none;cursor:pointer;padding:0;width:32px;height:44px;display:grid;place-items:center}.sample-site .about-moments-dots span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-line)}.sample-site .about-moments-dots [aria-pressed=true] span{background:var(--c-action)}.sample-site .about-moments-toggle{font:inherit;font-size:13px;color:var(--color-secondary);background:none;border:1px solid var(--color-line);border-radius:6px;min-width:48px;min-height:36px;cursor:pointer}.sample-site .about-partners{display:grid;gap:32px}.sample-site .about-partners section{border-top:1px solid var(--color-line);padding-top:20px}.sample-site .about-partners h3{font-size:20px;line-height:1.5;margin:0 0 10px}.sample-site .about-partners p{font-size:13px;line-height:1.8;color:var(--color-secondary);margin:0 0 18px}.sample-site .about-partners ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}.sample-site .about-partners li{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.sample-site .about-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sample-site .about-media article{border-top:1px solid var(--color-line);padding-top:20px;min-width:0}.sample-site .about-media small{font-size:13px;color:var(--color-secondary)}.sample-site .about-media h3{font-size:20px;line-height:1.5;margin:8px 0 14px}.sample-site .about-media .text-link{font-size:14px;min-height:36px;display:inline-flex;align-items:center}.sample-site .about-contact{font-size:16px;overflow-wrap:anywhere}@media(max-width:1199px){.sample-site .about-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:767px){.sample-site .about-community .sample-columns{padding-top:0}.sample-site .about-community .sample-section{margin-bottom:40px}.sample-site .about-community .section-title{margin-bottom:20px}.sample-site .about-community .sample-banner-description{font-size:14px;margin-top:8px}.sample-site .about-origin h3{font-size:18px;margin-bottom:12px}.sample-site .about-origin p{font-size:14px;line-height:1.85}.sample-site .about-origin h3:not(:first-child){margin-top:24px}.sample-site .about-section-note{font-size:14px;margin-bottom:24px}.sample-site .about-journey{grid-template-columns:1fr;gap:22px}.sample-site .about-journey li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding-top:18px}.sample-site .about-journey time{font-size:24px;margin:0;line-height:1.5}.sample-site .about-journey h3{font-size:17px;margin-bottom:6px}.sample-site .about-moments-bottom{flex-wrap:wrap;gap:8px;padding-top:14px}.sample-site .about-moment-caption{min-height:68px;flex-basis:100%}.sample-site .about-moment-caption h3{font-size:16px}.sample-site .about-moment-caption time{font-size:12px}.sample-site .about-moments-controls{margin-left:auto}.sample-site .about-partners{grid-template-columns:1fr;gap:28px}.sample-site .about-partners ul{grid-template-columns:1fr}.sample-site .about-partners section{padding-top:16px}.sample-site .about-partners h3{font-size:18px}.sample-site .about-media{grid-template-columns:1fr;gap:0}.sample-site .about-media article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding-block:16px}.sample-site .about-media small{grid-column:1}.sample-site .about-media h3{grid-column:1;margin:6px 0 0;font-size:17px}.sample-site .about-media .text-link{grid-column:2;grid-row:1/3;align-self:center;font-size:13px}}@media(prefers-reduced-motion:reduce){.sample-site .about-moment-photo{transition:none}}.publishing-boundary{min-width:0}.publishing-boundary h1{font-size:var(--ui-section,32px);line-height:1.4;margin:0 0 16px}.publishing-boundary h2{font-size:22px;line-height:1.5;margin:0}.publishing-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.publishing-list-heading .button{white-space:nowrap}.publishing-list-heading .account-page-description{margin-bottom:0}.publishing-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line,#e0e0e0);margin:20px 0}.publishing-tabs button{min-height:44px;padding:8px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted,#727272);font:inherit;cursor:pointer}.publishing-tabs button[aria-pressed=true]{border-bottom-color:var(--c-action);color:var(--c-action)}.publishing-tabs button:disabled{cursor:default;opacity:.7}.publishing-list .account-type-filters button{border:0;padding:6px 12px;border-radius:8px;font:inherit;font-size:16px;background:var(--surface,#f6f6f6);cursor:pointer}.publishing-list .account-type-filters button[aria-pressed=true]{color:var(--c-action);background:color-mix(in srgb,var(--c-action) 12%,white)}.publishing-boundary .button.secondary:not(:disabled),.publishing-dialog .button.secondary:not(:disabled){background:transparent;color:var(--c-action);border:1px solid var(--c-action)}.publishing-list-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--line,#e0e0e0);align-items:start}.publishing-list-copy{min-width:0}.publishing-list-copy p{margin:8px 0;overflow-wrap:anywhere}.publishing-list-copy small{font-size:14px;color:var(--muted,#727272)}.publishing-list-cover .cover-media{aspect-ratio:16/9;border-radius:10px}.publishing-list-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:180px}.publishing-help,.publishing-fields small{display:block;color:var(--muted,#727272);font-size:14px;line-height:1.6;margin:8px 0}.publishing-back{display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--muted,#727272);padding:0;min-height:44px;font:inherit;margin-bottom:16px;cursor:pointer}.publishing-fields{border:0;min-width:0;margin:0;padding:0}.publishing-field{margin:28px 0}.publishing-field-title{font-size:18px;font-weight:600;margin-bottom:12px}.publishing-field-title>span{color:#a12525}.publishing-field-title>small{display:inline;font-weight:400;margin-left:6px}.publishing-fields label,.publishing-dialog label{display:block;font-size:16px}.publishing-boundary input:not([type=checkbox]):not([type=radio]):not([type=file]),.publishing-boundary textarea,.publishing-boundary select,.publishing-dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),.publishing-dialog textarea,.publishing-dialog select{display:block;width:100%;min-height:44px;max-width:100%;box-sizing:border-box;border:1px solid var(--line,#e0e0e0);border-radius:8px;background:#fff;color:inherit;font:inherit;font-size:16px;line-height:1.6;padding:10px 14px}.publishing-boundary textarea,.publishing-dialog textarea{resize:vertical}.publishing-boundary button:focus-visible,.publishing-boundary a:focus-visible,.publishing-dialog button:focus-visible,.publishing-dialog input:focus-visible,.publishing-boundary input:focus-visible,.publishing-boundary textarea:focus-visible,.publishing-boundary select:focus-visible{outline:2px solid var(--c-action);outline-offset:3px}.publishing-boundary button:disabled,.publishing-dialog button:disabled{cursor:not-allowed;opacity:.55}.publishing-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.publishing-category-options{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:12px}.publishing-checkbox{display:flex!important;align-items:flex-start;gap:10px;min-height:32px;line-height:1.6}.publishing-checkbox input{width:18px;height:18px;flex:none;margin-top:4px;accent-color:var(--c-action)}.publishing-checkbox small{display:block;color:var(--muted,#727272);margin-top:6px}.publishing-cover-choice{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.publishing-file-button{position:relative;border:1px solid var(--c-action);border-radius:8px;color:var(--c-action);padding:10px 16px;cursor:pointer;overflow:hidden}.publishing-file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.publishing-cover-preview{position:relative;width:min(320px,100%);aspect-ratio:16/9;background:#f3f7f7;border-radius:10px;overflow:hidden;margin:16px 0}.publishing-cover-preview img{width:100%;height:100%;object-fit:contain}.publishing-cover-preview figcaption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:18px}.publishing-formatting{display:flex;gap:8px;border:1px solid var(--line,#e0e0e0);border-radius:8px 8px 0 0;background:#fafafa;padding:6px}.publishing-formatting button{border:0;background:transparent;min-width:40px;min-height:36px;font:inherit;cursor:pointer}.publishing-formatting+textarea{border-radius:0 0 8px 8px}.publishing-credit{display:grid;grid-template-columns:120px minmax(0,1fr) 44px;gap:12px;margin:12px 0}.publishing-credit>button,.publishing-reference button{border:0;min-width:36px;min-height:44px;background:transparent;font:inherit;color:var(--muted,#727272);cursor:pointer}.publishing-reference{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line,#e0e0e0);padding:8px 12px;border-radius:8px;margin:12px 0;overflow-wrap:anywhere;min-width:0}.publishing-reference input{min-width:0}.publishing-order{display:flex;flex:none}.publishing-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.publishing-actions>span{margin-right:auto}.publishing-editor-actions{border-top:1px solid var(--line,#e0e0e0);padding-top:20px;margin-top:32px}.publishing-issues,.publishing-conflict{border-left:3px solid #a12525;padding:4px 16px;margin:20px 0}.publishing-dialog{width:min(720px,calc(100vw - 40px));max-height:calc(100dvh - 40px);box-sizing:border-box;border:1px solid var(--line,#e0e0e0);border-radius:10px;padding:28px;background:#fff;color:var(--text,#1a1a1a);overflow:auto;font:inherit}.publishing-dialog::backdrop{background:#00000059}.publishing-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.publishing-dialog-heading h2{font-size:24px;margin:0}.publishing-dialog-heading>button{background:transparent;border:0;min-height:36px;min-width:36px;font:inherit;font-size:26px;color:var(--muted,#727272);cursor:pointer}.publishing-dialog .publishing-fields>label{margin:20px 0}.publishing-dialog .publishing-help{font-size:14px}.publishing-resource-choice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line,#e0e0e0)}.publishing-resource-choice small{display:block;color:var(--muted,#727272)}.publishing-picker{max-height:360px;overflow:auto}.publishing-picker label{padding:16px 0;border-bottom:1px solid var(--line,#e0e0e0)}.publishing-confirm-summary{background:#f6f6f6;border-radius:10px;padding:20px;margin:24px 0}.publishing-preview .detail-page{width:100%;max-width:none;padding:0}.publishing-preview-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#f6f6f6;padding:16px;border-radius:10px;margin-bottom:24px}.publishing-preview-bar>span{margin-right:auto}.detail-course-categories{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--c-action)}.detail-course-categories span{padding:4px 10px;background:color-mix(in srgb,var(--c-action) 10%,white);border-radius:6px}@media(max-width:760px){.publishing-list-heading{gap:12px;flex-wrap:wrap}.publishing-boundary h1{font-size:26px}.publishing-list-row{grid-template-columns:100px minmax(0,1fr);gap:12px}.publishing-list-row h2{font-size:17px}.publishing-list-actions{grid-column:1/-1;max-width:none;justify-content:flex-end}.publishing-two-fields{grid-template-columns:1fr;gap:16px}.publishing-field{margin:24px 0}.publishing-credit{grid-template-columns:90px minmax(0,1fr) 36px;gap:8px}.publishing-editor-actions>span{flex-basis:100%}.publishing-editor-actions>.button{flex:1;padding-inline:8px;min-height:44px}.publishing-tabs{gap:4px}.publishing-tabs button{padding-inline:12px;font-size:16px}.publishing-dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.publishing-dialog-heading h2{font-size:21px}.publishing-preview-bar>span{flex-basis:100%}.publishing-reference{padding-inline:8px;gap:4px}.publishing-reference .publishing-order button{min-width:28px}}.analytics-admin,.analytics-preferences{font-family:var(--font-family,"Google Sans Flex","HarmonyOS Sans SC",sans-serif);font-size:16px;line-height:1.6;color:var(--color-text,#1a1a1a);background:var(--color-bg,#fff);box-sizing:border-box}.analytics-admin *,.analytics-preferences *{box-sizing:border-box}.analytics-admin,.analytics-preferences{--accent:#2c7376;--focus:#2c7376}.analytics-admin{min-height:100vh;--analytics-accent:var(--accent);--analytics-line:var(--color-line,#e0e0e0)}.analytics-admin button,.analytics-admin input,.analytics-admin select,.analytics-preferences button{font:inherit;min-height:44px;border:1px solid var(--color-line,#e0e0e0);border-radius:6px;background:#fff;color:inherit;padding:7px 14px;max-width:100%}.analytics-admin button,.analytics-preferences button{cursor:pointer}.analytics-admin button:disabled,.analytics-preferences button:disabled{cursor:default;opacity:.6}.analytics-admin button[aria-pressed=true],.analytics-preferences button[aria-pressed=true]{background:var(--accent,#2c7376);border-color:var(--accent,#2c7376);color:#fff}.analytics-admin :focus-visible,.analytics-preferences :focus-visible{outline:2px solid var(--focus,#2c7376);outline-offset:3px}.analytics-admin-header{height:76px;border-bottom:1px solid var(--analytics-line);display:flex;align-items:center;gap:24px;padding:12px 32px}.analytics-admin-header img{width:240px;max-width:100%;height:40px;object-fit:contain}.analytics-admin-header>a:first-child{max-width:55%}.analytics-admin-header>a:last-child{margin-left:auto;font-size:14px;color:var(--analytics-accent);white-space:nowrap}.analytics-admin-header span{border-left:1px solid var(--analytics-line);padding-left:24px}.analytics-main{display:grid;grid-template-columns:196px minmax(0,1fr);max-width:1600px;margin:auto}.analytics-heading{grid-column:2;padding:28px 32px 18px;background:var(--color-soft,#f6f6f6) url(/community/design-system/assets/ink-mountains.webp) center/cover}.analytics-heading h1{font-size:32px;line-height:1.25;margin:6px 0 10px}.analytics-heading p{margin:0;font-size:14px;color:var(--color-secondary,#727272)}.analytics-heading p:last-child{font-size:16px;color:inherit}.analytics-date-controls{grid-column:2;display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:20px 32px;border-bottom:1px solid var(--analytics-line)}.analytics-presets,.analytics-choice{display:flex;flex-wrap:wrap;gap:8px}.analytics-date-controls form{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.analytics-date-controls label{display:grid;font-size:13px;gap:3px}.analytics-date-controls input{width:153px;padding:6px;font-size:14px}.analytics-date-controls>p{flex-basis:100%;margin:0;color:var(--danger,#a83434)}.analytics-tabs{grid-column:1;grid-row:1/5;border-right:1px solid var(--analytics-line);padding:20px 12px;display:flex;flex-direction:column;gap:12px}.analytics-tabs button{border:0;border-radius:4px;text-align:left;padding:12px 18px;white-space:nowrap}.analytics-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--analytics-accent) 10%,white);color:var(--analytics-accent);box-shadow:inset 3px 0 var(--analytics-accent);font-weight:600}.analytics-body{grid-column:2;min-width:0;padding:24px 32px}.analytics-body>section,.analytics-body>.analytics-columns{margin-top:20px}.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--analytics-line);border-radius:8px;margin:0;overflow:hidden}.analytics-metrics>div{padding:18px 22px;border-right:1px solid var(--analytics-line);border-bottom:1px solid var(--analytics-line);min-width:0}.analytics-metrics dt{font-size:14px;color:var(--color-secondary,#727272)}.analytics-metrics dd{font-size:30px;font-weight:650;line-height:1.3;margin:6px 0 0;overflow-wrap:anywhere}.analytics-metrics small{font-size:12px;display:block;font-weight:400;color:var(--color-secondary,#727272);margin-top:6px}.analytics-panel{min-width:0;border:1px solid var(--analytics-line);border-radius:8px;padding:20px}.analytics-panel h2{font-size:20px;line-height:1.4;margin:0 0 18px}.analytics-panel p{margin:12px 0}.analytics-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.analytics-note{font-size:13px;color:var(--color-secondary,#727272)}.analytics-table-wrap{overflow:auto;width:100%;border:1px solid var(--analytics-line);border-radius:5px;overscroll-behavior-inline:contain}.analytics-admin table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;white-space:nowrap}.analytics-admin th,.analytics-admin td{padding:11px 12px;border-bottom:1px solid var(--analytics-line);vertical-align:top}.analytics-admin thead{background:var(--color-soft,#f6f6f6)}.analytics-admin tbody th{font-weight:500;max-width:240px;white-space:normal;min-width:135px;overflow-wrap:anywhere}.analytics-admin th small{display:block;font-size:11px;color:var(--color-secondary,#727272);font-weight:400}.analytics-inline{display:flex;gap:10px;align-items:center;margin-bottom:16px}.analytics-panel svg{display:block;width:100%;max-height:240px;margin:16px auto}.analytics-chart-axis{stroke:var(--analytics-line);stroke-width:1}.analytics-chart-line{stroke:var(--analytics-accent);stroke-width:2;fill:none}.analytics-chart-dot{fill:var(--analytics-accent)}.analytics-admin summary{cursor:pointer;font-size:14px;margin:14px 0}.analytics-paths,.analytics-funnel{padding:0;margin:0;list-style:none}.analytics-paths li,.analytics-funnel li{padding:12px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--analytics-line)}.analytics-paths span{overflow-wrap:anywhere}.analytics-paths strong{white-space:nowrap;font-size:14px;font-weight:500}.analytics-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.analytics-funnel li{flex-direction:column;padding:12px;background:var(--color-soft,#f6f6f6);font-size:14px}.analytics-funnel strong{font-size:24px}.analytics-state{padding:16px;background:var(--color-soft,#f6f6f6);border:1px solid var(--analytics-line);border-radius:6px}.analytics-report-footer{font-size:12px;color:var(--color-secondary,#727272);border-top:1px solid var(--analytics-line);margin-top:24px;padding-top:14px}.analytics-report-footer p{margin:4px 0}.analytics-skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10}.analytics-skip:focus{top:8px}.analytics-preferences{padding:24px;border:1px solid var(--color-line,#e0e0e0);border-radius:8px;max-width:800px}.analytics-preferences h2{font-size:20px;margin:0 0 12px}.analytics-preferences p{font-size:14px}.analytics-preferences .analytics-choice{margin:16px 0}.analytics-preferences .analytics-choice button{flex:1;min-width:160px}.analytics-preferences .analytics-choice button[aria-pressed=true]{background:#fff;color:inherit;border-color:var(--accent,#2c7376);box-shadow:inset 0 0 0 1px var(--accent,#2c7376)}@media(max-width:1100px){.analytics-columns{grid-template-columns:minmax(0,1fr)}.analytics-date-controls,.analytics-body{padding:20px}.analytics-heading{padding:24px 20px}}@media(max-width:760px){.analytics-admin-header{height:64px;gap:10px;padding:10px 16px}.analytics-admin-header img{width:210px;height:34px}.analytics-admin-header span{display:none}.analytics-main{display:flex;flex-direction:column}.analytics-heading{padding:22px 16px 18px}.analytics-heading h1{font-size:28px}.analytics-date-controls{padding:16px;gap:10px}.analytics-date-controls form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.analytics-date-controls input{width:100%}.analytics-date-controls form button{grid-column:1/3}.analytics-tabs{flex-direction:row;overflow-x:auto;gap:2px;border-right:0;border-bottom:1px solid var(--analytics-line);padding:0 8px;order:0}.analytics-tabs button{flex:0 0 auto;padding:10px 12px;font-size:14px}.analytics-tabs button[aria-selected=true]{background:#fff;box-shadow:inset 0 -2px var(--analytics-accent)}.analytics-body{padding:16px;min-width:0}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metrics>div{padding:14px}.analytics-metrics dd{font-size:26px}.analytics-panel{padding:16px}.analytics-panel h2{font-size:19px}.analytics-funnel{grid-template-columns:1fr}.analytics-funnel li{flex-direction:row;align-items:center}.analytics-paths li{flex-direction:column;gap:6px}.analytics-preferences{padding:16px}.analytics-preferences .analytics-choice{display:grid;grid-template-columns:1fr 1fr}.analytics-preferences .analytics-choice button{min-width:0;padding:8px;font-size:14px}.analytics-admin-header>a:first-child{max-width:65%}}@media(prefers-reduced-motion:reduce){.analytics-admin *,.analytics-preferences *{scroll-behavior:auto}}.analytics-inline{white-space:nowrap}.analytics-inline select{min-width:0;flex:1}.analytics-admin svg text{font-family:inherit;fill:var(--color-secondary,#727272);font-size:11px}.analytics-admin .analytics-state code,.analytics-account-access code{overflow-wrap:anywhere;word-break:break-word}.analytics-account-access{padding:16px 0;border-bottom:1px solid var(--color-line,#e0e0e0);font-size:14px}.analytics-account-access p{margin:8px 0}.analytics-access-gate{max-width:800px;margin:40px auto;padding:0 20px}.analytics-access-gate h1{font-size:32px}.analytics-admin .analytics-funnel-four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.analytics-admin .analytics-funnel-four{grid-template-columns:1fr}}.analytics-admin .analytics-metrics .analytics-metric-empty{font-size:17px;font-weight:500;line-height:1.6}@media(max-width:760px){.analytics-admin svg text{font-size:26px}}.analytics-consent-prompt{position:fixed;z-index:80;bottom:16px;left:16px;right:16px;margin:auto;max-width:1060px;display:flex;align-items:center;gap:24px;padding:18px 22px;background:#fff;color:var(--color-text,#1a1a1a);font:14px/1.65 var(--font-family,"Google Sans Flex","HarmonyOS Sans SC",sans-serif);border:1px solid var(--color-line,#e0e0e0);border-radius:8px;box-shadow:0 3px 18px #00000012;box-sizing:border-box}.analytics-consent-prompt strong{font-size:16px}.analytics-consent-prompt p{margin:4px 0 0}.analytics-consent-prompt .analytics-choice{flex-shrink:0;display:flex;gap:8px}.analytics-consent-prompt button{font:inherit;min-height:44px;padding:8px 14px;background:#fff;color:#2c7376;border:1px solid #2c7376;border-radius:6px;cursor:pointer}.analytics-consent-prompt button:focus-visible{outline:2px solid #2c7376;outline-offset:3px}@media(max-width:760px){.analytics-consent-prompt{bottom:8px;left:8px;right:8px;display:block;padding:14px 16px}.analytics-consent-prompt .analytics-choice{margin-top:12px}.analytics-consent-prompt button{flex:1;min-width:0;padding:8px}}.analytics-page-boundary{display:contents}.analytics-settings-dialog{width:min(92vw,800px);max-height:85dvh;overflow:auto;padding:20px;border:1px solid var(--color-line);border-radius:10px;background:#fff;color:var(--color-text);font:inherit}.analytics-settings-dialog::backdrop{background:#00000047}.analytics-settings-close{display:block;margin:0 0 12px auto;padding:8px 18px;min-height:44px;border:1px solid var(--color-line);border-radius:6px;background:#fff;font:inherit;cursor:pointer}.analytics-settings-dialog .analytics-preferences{border:0;padding:0}.footer-analytics-settings{border:0;background:none;padding:0;min-height:44px;color:var(--color-secondary);font:inherit;cursor:pointer}