/* Eight structural concepts. Every variant uses the same forum data and routes. */
.appearance-picker{position:relative;font-size:12px;z-index:20}.appearance-picker>summary{cursor:pointer;list-style:none;padding:5px 9px;border:1px solid var(--line);border-radius:7px;min-width:100px}.appearance-picker>summary::-webkit-details-marker{display:none}.appearance-picker>summary>span{display:block;font-size:11px;font-weight:600}.appearance-picker>summary>small{display:block;font-size:9px;color:var(--muted);max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appearance-menu{position:absolute;right:0;top:calc(100% + 8px);width:270px;padding:8px;background:var(--white,#fff);border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 36px #0002}.appearance-menu form{margin:0}.appearance-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;font-size:12px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--ink)}.appearance-menu button:hover,.appearance-menu button.selected{background:var(--soft);color:var(--green)}.appearance-menu>a{display:block;border-top:1px solid var(--line);margin:7px 5px 0;padding:13px 8px 7px;font-size:11px;color:var(--muted)}.appearance-selected{border:2px solid var(--green)!important}.appearance-choose{display:block;background:var(--green);color:#fff;border:0;padding:11px 14px;font-size:11px;font-weight:600;border-radius:7px;width:100%;text-align:left;margin-top:auto}.design-map .appearance-choose,.design-workspace .appearance-choose{color:#16243a}.design-gallery-card{display:flex!important;flex-direction:column}.design-gallery-card .gallery-sketch{flex-shrink:0}.design-gallery-card .appearance-choose:hover{filter:brightness(.95)}.appearance-storage-note{font-size:12px;margin-top:25px}.sketch-original i:nth-child(1){left:6%;top:10%;width:22%;height:80%;background:#b9c9ad}.sketch-original i:nth-child(n+2){left:34%;top:10%;width:59%;height:22%;border-radius:6px;background:#a8baa4}.sketch-original i:nth-child(3){top:39%}.sketch-original i:nth-child(4){top:68%}.sketch-original i:nth-child(n+5){display:none}@media(max-width:600px){.appearance-picker>summary{min-width:85px;padding:5px 7px}.appearance-picker>summary>small{max-width:90px;font-size:8px}.appearance-menu{width:245px}.header-actions{flex-wrap:wrap}.appearance-storage-note{font-size:11px}}
.section-description{display:block;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.section-link strong{font-size:14px;font-weight:500}.section-link.selected strong{font-weight:700}.design-ribbon{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:7px 30px;font-size:11px;line-height:1.5;background:#202a33;color:#edf2f4}.design-ribbon small{opacity:.7;font-size:10px}.design-ribbon a{color:inherit}.design-enabled main{max-width:1400px}.design-enabled h1{letter-spacing:-1.8px}.subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.design-filters{display:flex;gap:10px;align-items:center;margin:22px 0}.search-field{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:0 12px;flex:1;min-width:130px}.search-field>span{font-size:23px;color:var(--muted)}.search-field input{border:0;background:none;min-width:0;width:100%;padding-left:0;font-size:13px}.design-filters select{font-size:12px;max-width:130px}.filter-submit{background:var(--green);border:0;color:white;padding:10px 16px;border-radius:7px;font-size:12px;font-weight:600}.design-empty{padding:45px;border:1px dashed var(--line);text-align:center;margin:25px 0}.mini-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;border-radius:8px;background:var(--soft);color:var(--green);font-size:12px;font-weight:700}.design-enabled .post-body{line-height:1.85}.design-enabled .reading{padding-top:10px}.design-enabled .post-heading .avatar{width:38px;height:38px}.design-enabled .participant-card{transition:transform .15s}.design-enabled .participant-card:hover{transform:translateY(-3px)}

/* 01: dense, section-driven forum. */
.design-classic{--ink:#223046;--muted:#69778c;--paper:#eef1f6;--line:#dbe1e9;--green:#315d9c;--soft:#e6edf8;font-family:Arial,"Segoe UI",sans-serif;font-size:14px}.design-classic .site-header{min-height:74px;background:white;max-width:none;padding-left:max(32px,calc((100vw - 1320px)/2));padding-right:max(32px,calc((100vw - 1320px)/2));border-bottom:3px solid var(--green)}.design-classic main{padding-top:30px}.design-classic .brand{font-size:23px}.classic-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.classic-title h1{font-size:32px;margin:0}.classic-stat{display:flex;align-items:center;gap:12px;background:white;padding:10px 20px;border:1px solid var(--line);border-radius:6px}.classic-stat strong{font-size:28px;color:var(--green)}.classic-stat span{max-width:100px;font-size:11px;color:var(--muted);line-height:1.4}.classic-sections{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line);background:white;border-radius:7px;overflow:hidden}.classic-sections a{display:block;padding:13px 15px;border-right:1px solid var(--line);font-size:12px;font-weight:650}.classic-sections a.current{background:var(--soft);color:var(--green)}.classic-table{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.classic-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 175px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 20px}.classic-row:last-child{border-bottom:0}.classic-table-head{padding:10px 20px;background:#e2e8f1;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.5px}.classic-topic-cell{display:flex;gap:17px;align-items:center}.topic-glyph{background:#edf1f7;border:1px solid var(--line);color:#5575a1;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border-radius:4px}.classic-topic-title{font-size:14px;font-weight:650;display:block;margin-bottom:6px}.classic-replies{font-size:18px;color:var(--green)}.classic-latest{font-size:11px}.classic-latest span{display:block;color:var(--muted);font-size:10px}.classic-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:11px;color:var(--muted)}.design-classic .reading{max-width:1100px}.design-classic .post{border-radius:4px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:22px}.design-classic .post-heading{display:block;margin:0;border-right:1px solid var(--line);padding-right:15px}.design-classic .post-heading .avatar{display:flex;margin-bottom:10px}.design-classic .post-heading .badge{margin:7px 0}.design-classic .post-body{font-size:14px}.design-classic .report-form,.design-classic .translation{grid-column:2}.design-classic .participant-grid{display:block}.design-classic .participant-card{display:grid;grid-template-columns:50px 100px 160px 1fr;align-items:center;border-radius:0;padding:14px 20px;border-bottom:0}.design-classic .participant-card:last-child{border-bottom:1px solid var(--line)}.design-classic .participant-card h2{font-size:16px}.design-classic .participant-card .badge{margin:0;justify-self:start}

/* 02: a print-inspired editorial publication, with lead story and newspaper columns. */
.design-editorial{--ink:#29251f;--muted:#827767;--paper:#f4efe5;--line:#d4c8b5;--green:#794a31;--soft:#e9dfcd}.design-editorial .site-header{border-bottom:0;min-height:70px}.design-editorial .brand{font-family:Georgia,serif}.design-editorial h1,.design-editorial h2,.design-editorial h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}.editorial-masthead{text-align:center;border-top:1px solid var(--ink);border-bottom:3px double var(--ink);padding:20px 10px 28px}.editorial-masthead>span{font-size:10px;letter-spacing:2px;text-transform:uppercase}.editorial-masthead h1{font-size:78px;letter-spacing:-4px;margin:10px 0}.editorial-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid var(--ink);padding:0}.editorial-nav a{font-size:12px;text-align:center;border-right:1px solid var(--line);padding:15px 12px;font-weight:650}.editorial-nav a:last-child{border-right:0}.editorial-lead{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:30px 0 45px;border-bottom:3px double var(--ink)}.editorial-lead h2{font-size:48px;line-height:1.14;letter-spacing:-1.5px;margin:18px 0}.editorial-lead-text>p:not(.eyebrow){font-family:Georgia,serif;font-size:17px;line-height:1.7;color:#665c4e}.read-link{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:25px;border-bottom:1px solid var(--ink);padding-bottom:6px}.editorial-art{position:relative;min-height:350px;background:#d5d8c4;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:2px solid #758276;width:240px;height:300px;border-radius:50%;transform:rotate(30deg)}.orbit-two{transform:rotate(-30deg);border-color:#916349}.orbit-three{transform:rotate(90deg);width:280px;height:340px;border-color:#fff6}.art-core{font-family:Georgia,serif;font-size:155px;font-style:italic;color:#4c6255;position:relative}.art-caption{position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:4px}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.editorial-columns article{padding:22px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-columns article:nth-child(3n){border-right:0}.editorial-columns article h2{font-size:25px;line-height:1.25;margin:14px 0}.editorial-columns article>p:not(.eyebrow){font-family:Georgia,serif;font-size:14px;line-height:1.8;color:#746b5c}.design-editorial .reading{max-width:900px}.design-editorial .reading>h1{font-size:51px;line-height:1.12;border-bottom:3px double var(--ink);padding-bottom:28px}.design-editorial .post{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:28px 0}.design-editorial .post.opening{border-left:0;font-family:Georgia,serif;font-size:19px}.design-editorial .post.opening .post-body{font-size:20px}.design-editorial .participant-card{background:transparent;border-radius:0}.design-editorial .button{border-radius:0}.design-editorial input,.design-editorial textarea,.design-editorial select{background:#fffcf6}

/* 03: people-first social feed, left navigation and a right-hand people rail. */
.design-social{--ink:#24273d;--muted:#818299;--paper:#f6f6fb;--line:#e5e5f0;--green:#6950c4;--soft:#f0ebff}.design-social .site-header{background:white;max-width:none;border-bottom:1px solid var(--line)}.social-layout{display:grid;grid-template-columns:215px minmax(0,650px) 245px;gap:30px;justify-content:center}.social-nav{padding-top:5px}.social-nav h1{font-size:35px}.social-nav h1 span{color:var(--green)}.social-nav>p{font-size:13px;color:var(--muted);margin-bottom:30px}.social-nav-item{display:block;padding:12px 13px;margin:6px 0;border-radius:12px;font-size:13px;font-weight:600}.social-nav-item.current{background:var(--soft);color:var(--green)}.social-nav>.button{margin-top:25px;width:100%;border-radius:22px}.social-feed-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.social-feed-title h2{font-size:20px}.social-feed-title>span{font-size:10px;color:var(--muted)}.social-feed .design-filters{margin:10px 0 17px;gap:6px}.social-feed .design-filters select{max-width:85px;padding:8px}.social-feed .filter-submit{padding:9px 12px}.social-compose{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);padding:17px 20px;border-radius:16px;color:var(--muted);font-size:13px;margin-bottom:18px}.social-compose>span:last-child{margin-left:auto}.social-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--soft);color:var(--green);border-radius:50%;font-size:19px}.social-post{padding:24px;border:1px solid var(--line);border-radius:17px;background:white;margin-bottom:17px}.social-author{display:flex;align-items:center;gap:12px}.social-author>div>a{font-size:13px;font-weight:650;margin-right:7px}.social-author small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.social-language{margin-left:auto;color:var(--muted);font-size:10px}.social-post h2{font-size:21px;line-height:1.45;margin-top:19px}.social-post>p{font-size:14px;line-height:1.8;color:#686a80}.social-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:11px;color:var(--muted)}.social-people{padding-top:15px}.person-row{display:flex;gap:10px;align-items:center;padding:15px 0}.person-row strong{display:block;font-size:13px}.person-row small{display:block;font-size:10px;color:var(--muted)}.person-row>span:last-child{margin-left:auto;color:var(--muted)}.social-note{background:#eeecfa;border-radius:15px;padding:23px;margin-top:25px;font-size:13px}.social-note p{color:var(--muted);font-size:12px;line-height:1.8}.design-social .reading{max-width:700px}.design-social .post{border-radius:18px}.design-social .post-heading .avatar{border-radius:50%}.design-social .participant-card{border-radius:18px}.design-social .participant-card .avatar{border-radius:50%}.design-social .participant-grid{grid-template-columns:repeat(3,1fr)}

/* 04: community spaces as the primary navigation, large tiles and a conversation grid. */
.design-hub{--ink:#263b32;--muted:#768276;--paper:#fbfaf5;--line:#e1e5d9;--green:#4a674d;--soft:#e7eddd}.design-hub .brand{font-family:"Trebuchet MS",sans-serif}.hub-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:10px 0 45px}.hub-hero h1{font-size:62px;letter-spacing:-2.8px;line-height:1.09;margin:20px 0}.hub-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#6d835a}.hub-hero p:not(.eyebrow){font-size:15px;color:var(--muted)}.hub-people-art{position:relative;height:290px;max-width:460px}.hub-people-art span{position:absolute;display:flex;justify-content:center;align-items:center;width:95px;height:110px;border-radius:38px 38px 18px 18px;font-family:Georgia,serif;font-size:45px;border:4px solid var(--paper)}.hub-people-art span:nth-child(1){background:#ead8c4;left:50px;top:10px;transform:rotate(-12deg)}.hub-people-art span:nth-child(2){background:#d6e0be;left:220px;top:35px;transform:rotate(9deg)}.hub-people-art span:nth-child(3){background:#cbdcdd;left:130px;top:105px;transform:rotate(-4deg)}.hub-people-art span:nth-child(4){background:#ded2e5;left:300px;top:145px;transform:rotate(15deg)}.hub-people-art span:nth-child(5){background:#efd6b7;left:5px;top:160px;transform:rotate(-12deg);font-family:"Segoe UI",sans-serif;font-size:28px}.hub-people-art span:nth-child(6){left:255px;top:235px;width:50px;height:50px;font-size:35px;border:0;color:var(--green)}.hub-spaces{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.hub-space{position:relative;display:block;padding:20px;min-height:245px;border-radius:20px;background:#edf0e0;overflow:hidden}.hub-space:hover{transform:translateY(-3px);text-decoration:none}.hub-space .space-number{font-size:10px;color:#718069}.space-symbol{font-size:36px;display:block;margin:25px 0 10px;font-family:Georgia,serif}.hub-space h2{font-size:18px;line-height:1.25;max-width:150px}.hub-space>.section-description{font-size:11px;color:#626f65;margin:10px 0 18px}.hub-space>span:last-child{font-size:10px;font-weight:650}.space-work{background:#f3e7d2}.space-culture{background:#e8deec}.space-life{background:#dce8e8}.space-square{background:#ecdfd4}.hub-section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:42px}.hub-section-heading h2{font-size:26px}.hub-section-heading a{font-size:12px}.hub-conversations{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-conversations article{border:1px solid var(--line);border-radius:14px;background:white;padding:25px;display:flex;flex-direction:column;min-height:230px}.hub-conversations article h2{font-size:19px;margin-top:12px}.hub-conversations article>p{font-size:13px;color:var(--muted)}.hub-conversations .subline{margin-top:auto;padding-top:20px}.design-hub .reading{max-width:900px}.design-hub .reading>h1{font-family:"Trebuchet MS",sans-serif;font-size:40px}.design-hub .post{border-radius:22px}.design-hub .post.opening{background:#edf1e4;border:0}.design-hub .participant-card{border-radius:22px;background:#f4f5ed}.design-hub .button{border-radius:25px}

/* 05: a three-pane conversation workspace. */
.design-workspace{--ink:#dee4f0;--muted:#8f9bb3;--paper:#151c2b;--white:#1c2536;--line:#303b50;--green:#7da6fa;--soft:#293854;font-size:14px}.design-workspace .design-ribbon{background:#0e1420}.design-workspace .site-header{max-width:none;min-height:66px;padding:12px 28px;border-color:var(--line)}.design-workspace .brand{font-size:22px}.design-workspace .button{color:#111b2f}.design-workspace main{max-width:none;padding:0}.workspace-shell{display:grid;grid-template-columns:240px 345px minmax(0,1fr);min-height:calc(100vh - 95px)}.workspace-channels{background:#111827;padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.workspace-name{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:24px}.workspace-logo{background:#293b65;color:#b7ceff;border-radius:9px;padding:8px;font-size:18px}.channel-label{font-size:9px;letter-spacing:1.7px;color:#73839f;font-weight:650;margin:25px 10px 10px}.channel{display:block;padding:11px 10px;border-radius:6px;font-size:12px;line-height:1.4;margin:3px 0}.channel.current{background:#263756;color:#c4d8ff}.channel .section-description{font-size:10px;line-height:1.5;color:#7f8da6;margin-left:10px}.workspace-person{display:flex;align-items:center;gap:9px;font-size:12px;padding:8px 10px}.workspace-person>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px;background:#2b354a}.workspace-person small{font-size:9px;margin-left:auto;color:#8797b5}.workspace-bottom-link{font-size:10px;margin-top:auto;padding:24px 10px 0;color:#8495b5}.workspace-list{border-right:1px solid var(--line);background:#192233}.workspace-list-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 10px}.workspace-list-heading h1{font-size:23px;letter-spacing:-.7px;margin:0}.workspace-list-heading>a{font-size:24px}.workspace-list .design-filters{flex-wrap:wrap;padding:0 15px;margin:15px 0}.workspace-list .search-field{flex-basis:100%;background:#131c2b}.workspace-list .search-field input{color:var(--ink)}.workspace-list .design-filters select{padding:7px;flex:1;max-width:130px;background:#1d2a40;color:var(--muted);font-size:10px}.workspace-list .filter-submit{font-size:10px;padding:9px;color:#11203a}.workspace-topic{display:block;padding:19px 20px;border-top:1px solid #2a3447}.workspace-topic.selected{background:#283854;border-left:3px solid #7da6fa;padding-left:17px}.workspace-topic:hover{background:#243047;text-decoration:none}.workspace-topic>div{display:flex;gap:10px;align-items:start}.workspace-topic strong{font-size:12px;line-height:1.6;font-weight:600}.workspace-topic>div>span{font-size:8px;margin-left:auto;color:var(--muted)}.workspace-topic>p{font-size:11px;line-height:1.6;color:#8695af;margin:7px 0}.workspace-topic>small{font-size:9px;color:#6e7f9e}.workspace-list>.pagination{padding:0 20px}.workspace-thread{display:flex;flex-direction:column;min-width:0;background:#1c2536}.workspace-thread-heading{padding:24px 32px;border-bottom:1px solid var(--line)}.workspace-thread-heading h2{font-size:23px;max-width:700px;line-height:1.4;margin:13px 0}.workspace-thread-heading>a{font-size:10px;color:#91b3f8}.workspace-messages{padding:10px 32px 35px}.workspace-message{display:flex;gap:13px;padding:21px 0}.workspace-message>.mini-avatar{width:33px;height:33px;color:#b6ccf6;background:#334460}.workspace-message .subline{font-size:10px;gap:8px}.workspace-message .subline>strong{color:#e7ecf6;font-size:12px}.workspace-message .badge{font-size:8px;color:#a6b8d9;border:0;background:#2b3a54}.workspace-message p{font-size:13px;line-height:1.9;white-space:pre-wrap;color:#bbc7da;margin:9px 0 0}.workspace-reply{display:flex;justify-content:space-between;margin:auto 32px 30px;padding:17px 20px;border:1px solid #485773;border-radius:8px;font-size:12px;color:#94a1ba}.design-workspace footer{background:#111827;border:0;max-width:none}.design-workspace .reading,.design-workspace .narrow,.design-workspace .auth-box{padding:35px 24px}.design-workspace .reading{max-width:940px}.design-workspace .panel,.design-workspace .post,.design-workspace .participant-card{background:#1c2536;border-color:#344158}.design-workspace input,.design-workspace select,.design-workspace textarea{background:#151f31;color:var(--ink)}.design-workspace .participant-grid,.design-workspace main>h1,.design-workspace main>.eyebrow,.design-workspace main>.muted,.design-workspace main>.tabs,.design-workspace main>.profile{margin-left:30px;margin-right:30px}.design-workspace .participant-grid{padding-bottom:40px}.design-workspace .post.opening{border-left-color:#7da6fa}.design-workspace .notice{background:#243753}.design-workspace .design-gallery-heading,.design-workspace .design-gallery{padding-left:30px;padding-right:30px}

/* 06: a focused question index, counted answers and contextual tags. */
.design-questions{--ink:#303235;--muted:#7d8387;--paper:#fff;--line:#e6e8e9;--green:#ac5d24;--soft:#f8edde}.design-questions .site-header{border-bottom:2px solid #b4692f;max-width:none;background:#fcfcfc}.design-questions .brand{font-size:24px}.questions-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:45px}.questions-nav{border-right:1px solid var(--line);padding-right:25px}.questions-nav>a{display:block;padding:13px 10px;font-size:12px;border-radius:5px;margin:3px 0}.questions-nav>a.current{font-weight:650;background:var(--soft);border-right:3px solid var(--green)}.question-tip{margin-top:30px;padding:20px 10px;border-top:1px solid var(--line);font-size:12px}.question-tip p{font-size:11px;color:var(--muted);line-height:1.8}.questions-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.questions-heading h1{font-size:42px}.questions-heading p:not(.eyebrow){color:var(--muted);font-size:14px}.questions-list{border-top:1px solid var(--line)}.question-row{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.question-stats{padding-top:8px;text-align:center}.question-stats strong{font-size:25px;display:block;font-weight:500;color:var(--green);line-height:1.2}.question-stats span{display:block;font-size:10px;color:var(--muted)}.question-stats small{display:block;font-size:9px;color:#a0a5a9;margin-top:16px}.question-content h2{font-size:19px;font-weight:500;color:#3f6580;margin:2px 0 12px}.question-content>p{font-size:13px;color:#768087;margin-bottom:18px;line-height:1.75}.question-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.question-tags{display:flex;gap:6px;flex-wrap:wrap}.question-tags a{font-size:10px;padding:4px 8px;background:#eef2f5;color:#567083;border-radius:4px}.design-questions .reading{max-width:1050px}.design-questions .reading>h1{font-size:34px;line-height:1.3;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:25px}.design-questions .post{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:27px 10px}.design-questions .post.opening{border-left:4px solid #c88b5f;padding-left:25px;background:#fffaf4}.design-questions .post-body{font-size:15px}.design-questions .participant-grid{grid-template-columns:repeat(2,1fr)}.design-questions .participant-card{border-radius:5px}

/* 07: spatial, section-centred navigation; the map is not an invented social graph. */
.design-map{--ink:#dce3ee;--muted:#9aa8bd;--paper:#131d30;--white:#1c2940;--line:#344058;--green:#a5c4e7;--soft:#2a3c58}.design-map .site-header{max-width:none;border-bottom:1px solid var(--line)}.design-map .button{color:#18283e}.map-heading{text-align:center;margin:15px auto 25px}.map-heading h1{font-size:49px;font-weight:500}.map-heading>p:last-child{font-size:13px;color:var(--muted);max-width:600px;margin:auto}.topic-map{height:535px;position:relative;max-width:1050px;margin:0 auto 30px}.map-lines{position:absolute;inset:0;width:100%;height:100%}.map-lines path{fill:none;stroke:#425777;stroke-width:1;stroke-dasharray:4 8}.map-lines circle{stroke:#2b3c56;fill:none;stroke-width:1}.map-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.map-centre span{font-size:14px;letter-spacing:2px;display:block}.map-centre strong{font-size:34px;font-weight:500}.map-centre small{display:block;font-size:10px;color:var(--muted)}.map-node{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:235px;padding:17px;background:#1b2940;border:1px solid #475c79;border-radius:20px;z-index:1;box-shadow:0 12px 25px #0002;transition:transform .15s}.map-node:hover{transform:translateY(-4px);text-decoration:none}.map-node.selected{border-color:#b5d1f5;background:#243850}.map-node-symbol{font-size:30px;line-height:1.1;color:#b4cbee;margin-bottom:10px}.map-node strong{font-size:13px;font-weight:500}.map-node .section-description{font-size:10px;line-height:1.6;color:#97a7bf;margin:7px 0}.map-node small{font-size:9px;color:#7592b8;letter-spacing:1px}.node-0{left:5%;top:1%}.node-1{right:5%;top:1%}.node-2{right:0;top:51%}.node-3{left:calc(50% - 117px);bottom:0}.node-4{left:0;top:51%}.map-content{display:grid;grid-template-columns:1fr 250px;gap:45px;border-top:1px solid var(--line);padding-top:30px}.map-list-heading{display:flex;align-items:center;justify-content:space-between}.map-list-heading h2{font-size:22px;font-weight:500}.map-list-heading>a{font-size:11px;color:var(--muted)}.map-topic-list>a{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.map-topic-list>a:hover{text-decoration:none}.map-topic-list h3{font-size:16px;font-weight:500;margin:7px 0}.map-topic-list small,.map-topic-list p{font-size:10px;color:var(--muted);margin:0}.map-topic-list>a>span:last-child{margin-left:auto}.map-topic-dot{width:11px;height:11px;border-radius:50%;background:#99b6d8;flex-shrink:0}.dot-culture{background:#c4a3ce}.dot-work{background:#d4bc95}.dot-life{background:#9ccbbf}.dot-square{background:#cbafa3}.map-guide{padding:25px;background:#1c2a40;border-radius:15px;align-self:start;margin-top:65px}.map-guide h2{font-size:20px;font-weight:500}.map-guide p{font-size:12px;color:var(--muted);line-height:1.9}.map-guide a{font-size:11px}.design-map input,.design-map textarea,.design-map select{background:#1b2940;color:var(--ink);border-color:var(--line)}.design-map .panel,.design-map .post,.design-map .participant-card{background:#1b2940}.design-map .post.opening{background:#20324b;border:1px solid #52739d}.design-map .reading{max-width:850px}.design-map .reading>h1{font-size:41px;font-weight:500}.design-map .participant-grid{grid-template-columns:repeat(4,1fr)}.design-map .participant-card{border-radius:18px;padding:20px}.design-map .participant-card p{font-size:11px}

/* 08: horizontally organised discussion board with draggable-looking, but honest, cards. */
.design-board{--ink:#29363b;--muted:#7c898b;--paper:#f3f5f5;--line:#dce3e3;--green:#386e68;--soft:#e2eeee}.design-board .site-header{max-width:none;background:white;min-height:76px}.design-board main{max-width:1500px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.board-heading h1{font-size:38px;letter-spacing:-1px}.board-heading p:not(.eyebrow){font-size:13px;color:var(--muted)}.board-section-tabs{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:25px 0}.board-section-tabs>a{padding:10px 14px;background:white;border:1px solid var(--line);border-radius:7px;font-size:11px;max-width:220px}.board-section-tabs .section-description{font-size:9px}.board-section-tabs a.current{background:var(--soft);border-color:#95b9b4}.discussion-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.board-column{background:#e7eded;border-radius:12px;padding:15px}.column-1{background:#e8eaf0}.column-2{background:#eeebe4}.board-column-heading{display:flex;align-items:center;gap:9px;padding:3px 4px 18px}.board-column-heading h2{font-size:13px;font-weight:650;margin:0}.board-dot{width:7px;height:7px;background:#5d9389;border-radius:50%}.column-1 .board-dot{background:#7a8ab3}.column-2 .board-dot{background:#b89a5d}.board-count{margin-left:auto;font-size:10px;color:#7b8a8c;background:white;padding:1px 7px;border-radius:5px}.board-card{background:white;border-radius:9px;padding:20px;margin-bottom:13px;border:1px solid #dae2e2;box-shadow:0 2px 4px #273b3b04}.board-card .topic-meta{justify-content:space-between;font-size:9px}.board-card h3{font-size:17px;line-height:1.45;font-weight:600;margin:14px 0}.board-card>p{font-size:12px;line-height:1.75;color:var(--muted)}.board-card-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f1;margin-top:18px;padding-top:13px;font-size:10px}.board-card-footer small{display:block;color:var(--muted);font-size:8px}.board-card-footer>a:last-child{margin-left:auto;color:var(--muted)}.board-add{display:block;padding:9px 8px;font-size:11px;color:#768789}.board-explanation{font-size:10px;color:var(--muted);margin-top:20px}.design-board .reading{max-width:1000px}.design-board .reading>.post{border-left:4px solid #a1b6b2}.design-board .reading>.post.opening{border-left-color:var(--green);box-shadow:0 3px 10px #00004}.design-board .participant-grid{grid-template-columns:repeat(4,1fr)}.design-board .participant-card{padding:20px}.design-board .participant-card p{font-size:11px}

/* Comparison gallery: abstract layout sketches are code-native, not screenshots. */
.similar-topics{padding:15px 20px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.similar-topics[hidden]{display:none}.similar-topics h3{font-size:13px;margin:0 0 8px}.similar-topics ul{margin:0 0 10px;padding-left:18px;font-size:12px}.similar-topics small{font-size:10px;color:var(--muted)}
.design-gallery-heading{max-width:850px;padding:15px 0 30px}.design-gallery-heading h1{font-size:54px;line-height:1.1}.design-gallery-heading>p:last-child{color:var(--muted);font-size:15px;max-width:600px}.design-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.design-gallery-card{display:block;background:var(--white,#fff);border:1px solid var(--line);border-radius:15px;padding:22px}.design-gallery-card:hover{text-decoration:none;border-color:#889b98;transform:translateY(-3px)}.gallery-number{font-size:10px;letter-spacing:1px;color:var(--muted)}.design-gallery-card h2{font-size:20px;margin:20px 0 12px}.design-gallery-card p{font-size:12px;color:var(--muted);min-height:60px;line-height:1.8}.design-gallery-card>strong{font-size:11px}.gallery-sketch{height:145px;background:#e8edef;border-radius:8px;position:relative;margin-top:20px;overflow:hidden;border:1px solid #d6dedf}.gallery-sketch i{display:block;position:absolute;background:#9cabae;border-radius:2px}.sketch-classic i{left:8%;width:84%;height:12%;top:15%}.sketch-classic i:nth-child(2){top:32%}.sketch-classic i:nth-child(3){top:49%}.sketch-classic i:nth-child(4){top:66%}.sketch-classic i:nth-child(5){left:72%;top:15%;height:65%;width:1px;background:#e8edef}.sketch-classic i:nth-child(6){left:8%;top:7%;height:2%;width:84%;background:#6784a2}.sketch-editorial i:nth-child(1){top:12%;left:10%;width:80%;height:8%;background:#8f7d67}.sketch-editorial i:nth-child(2){top:28%;left:10%;width:44%;height:35%}.sketch-editorial i:nth-child(3){top:28%;left:60%;width:30%;height:35%;border-radius:50%;background:#9baf8d}.sketch-editorial i:nth-child(n+4){top:73%;left:10%;width:23%;height:20%}.sketch-editorial i:nth-child(5){left:38%}.sketch-editorial i:nth-child(6){left:66%}.sketch-social i:nth-child(1){width:17%;height:80%;left:6%;top:10%;background:#b7b0d4}.sketch-social i:nth-child(2){width:18%;height:65%;left:75%;top:10%;background:#c5c1d9}.sketch-social i:nth-child(n+3){width:42%;height:22%;left:28%;top:10%;border-radius:7px;background:#9292b2}.sketch-social i:nth-child(4){top:38%}.sketch-social i:nth-child(5){top:66%}.sketch-social i:nth-child(6){display:none}.sketch-hub i:nth-child(1){top:10%;left:8%;width:50%;height:25%;background:#7c9272}.sketch-hub i:nth-child(n+2){top:47%;left:8%;width:23%;height:42%;border-radius:10px;background:#b6c29f}.sketch-hub i:nth-child(3){left:36%;background:#d1baa0}.sketch-hub i:nth-child(4){left:64%;background:#b6a8c8}.sketch-hub i:nth-child(5){top:10%;left:75%;width:14%;height:20%;border-radius:50%}.sketch-hub i:nth-child(6){display:none}.sketch-workspace{background:#192337}.sketch-workspace i:nth-child(1){top:0;left:0;width:22%;height:100%;background:#2f3c59}.sketch-workspace i:nth-child(2){top:0;left:24%;width:31%;height:100%;background:#405272}.sketch-workspace i:nth-child(n+3){left:60%;top:12%;width:32%;height:8%;background:#7288b0}.sketch-workspace i:nth-child(4){top:29%}.sketch-workspace i:nth-child(5){top:46%}.sketch-workspace i:nth-child(6){top:80%;height:10%}.sketch-questions i:nth-child(n){top:14%;left:23%;height:14%;width:67%;background:#879daa}.sketch-questions i:nth-child(2){top:38%}.sketch-questions i:nth-child(3){top:62%}.sketch-questions i:nth-child(n+4){left:8%;width:10%;background:#b8926d}.sketch-questions i:nth-child(5){top:38%}.sketch-questions i:nth-child(6){top:62%}.sketch-map{background:#1f2d44}.sketch-map i{border-radius:50%;width:15%;height:22%;background:#829bbd}.sketch-map i:nth-child(1){left:42%;top:40%;width:18%;height:27%;background:#c2d0e2}.sketch-map i:nth-child(2){left:12%;top:10%}.sketch-map i:nth-child(3){right:12%;top:10%}.sketch-map i:nth-child(4){right:6%;top:60%}.sketch-map i:nth-child(5){left:6%;top:60%}.sketch-map i:nth-child(6){left:43%;top:76%}.sketch-board i{width:25%;height:30%;left:8%;top:14%;background:#a2bcb6;border-radius:5px}.sketch-board i:nth-child(2){left:38%;height:45%;background:#b1b8cc}.sketch-board i:nth-child(3){left:68%;height:25%;background:#cbbb9d}.sketch-board i:nth-child(4){top:51%;height:32%}.sketch-board i:nth-child(5){left:38%;top:65%;height:22%;background:#b1b8cc}.sketch-board i:nth-child(6){left:68%;top:46%;height:40%;background:#cbbb9d}

@media(max-width:1150px){.social-layout{grid-template-columns:190px minmax(0,1fr)}.social-people{display:none}.hub-hero h1{font-size:52px}.hub-spaces{gap:10px}.hub-space{padding:16px}.workspace-shell{grid-template-columns:205px 290px minmax(0,1fr)}.workspace-thread-heading,.workspace-messages{padding-left:22px;padding-right:22px}.workspace-thread-heading h2{font-size:20px}.design-gallery{grid-template-columns:repeat(3,1fr)}.design-map .participant-grid,.design-board .participant-grid{grid-template-columns:repeat(3,1fr)}.classic-sections{grid-template-columns:repeat(3,1fr)}.map-content{gap:25px}}
@media(max-width:850px){.classic-row{grid-template-columns:minmax(0,1fr) 65px 130px;gap:10px;padding:15px}.classic-topic-cell{gap:12px}.editorial-masthead h1{font-size:58px}.editorial-lead{gap:25px}.editorial-lead h2{font-size:36px}.editorial-art{min-height:300px}.editorial-columns{grid-template-columns:repeat(2,1fr)}.editorial-columns article:nth-child(3n){border-right:1px solid var(--line)}.editorial-columns article:nth-child(2n){border-right:0}.editorial-nav{grid-template-columns:repeat(3,1fr)}.hub-hero{grid-template-columns:1fr .8fr;gap:20px}.hub-hero h1{font-size:44px}.hub-people-art{transform:scale(.75);transform-origin:left center}.hub-spaces{grid-template-columns:repeat(3,1fr)}.hub-space{min-height:220px}.hub-conversations{grid-template-columns:repeat(2,1fr)}.workspace-shell{grid-template-columns:210px minmax(0,1fr)}.workspace-channels{display:none}.workspace-thread-heading{padding:23px 20px}.workspace-list .design-filters select{max-width:90px}.questions-layout{grid-template-columns:155px 1fr;gap:25px}.questions-nav{padding-right:15px}.questions-heading{align-items:start;flex-direction:column;gap:5px}.topic-map{height:510px}.map-node{width:195px;padding:14px}.node-0{left:0}.node-1{right:0}.node-2{right:0}.node-3{left:calc(50% - 97px)}.map-centre strong{font-size:26px}.map-content{grid-template-columns:1fr}.map-guide{display:none}.discussion-board{gap:12px}.board-column{padding:10px}.board-card{padding:16px}.board-column-heading h2{font-size:11px}.board-heading h1{font-size:32px}.design-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.design-ribbon{padding:8px 15px;gap:10px;flex-wrap:wrap;font-size:9px}.design-ribbon small{display:none}.design-enabled .site-header{padding:15px 18px;gap:15px}.design-enabled main{padding:25px 18px}.design-enabled h1{letter-spacing:-1px}.design-filters{flex-wrap:wrap;gap:7px}.search-field{flex-basis:100%}.design-filters select{flex:1;max-width:none}.section-description{font-size:10px}.classic-stat{display:none}.classic-title{margin-bottom:18px}.classic-sections{grid-template-columns:repeat(2,1fr)}.classic-sections a{padding:10px;font-size:11px}.classic-row{grid-template-columns:1fr 45px;padding:15px 12px}.classic-latest,.classic-table-head>span:last-child{display:none}.classic-topic-title{font-size:13px}.topic-glyph{display:none}.classic-row .subline{font-size:9px}.classic-bottom{display:block;line-height:2}.design-classic .post{display:block}.design-classic .post-heading{display:flex;border:0;gap:12px;padding:0;margin-bottom:16px}.design-classic .participant-card{grid-template-columns:40px 1fr;gap:10px}.design-classic .participant-card .badge{grid-column:2;grid-row:2}.design-classic .participant-card p{grid-column:1/-1}.editorial-masthead h1{font-size:44px;letter-spacing:-2px}.editorial-masthead>span{font-size:8px;letter-spacing:1px}.editorial-nav{grid-template-columns:repeat(2,1fr)}.editorial-nav a{padding:10px;font-size:10px}.editorial-lead{grid-template-columns:1fr;padding-top:12px;gap:20px}.editorial-lead h2{font-size:36px}.editorial-art{min-height:230px}.art-orbit{height:200px;width:180px}.orbit-three{height:230px;width:230px}.art-core{font-size:120px}.editorial-columns{grid-template-columns:1fr}.editorial-columns article{padding:22px 0;border-right:0!important}.design-editorial .reading>h1{font-size:36px}.design-editorial .post.opening .post-body{font-size:17px}.social-layout{display:block}.social-nav>p,.social-nav>.button,.social-nav h1{display:none}.social-nav{display:flex;gap:5px;overflow:auto;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--line)}.social-nav-item{font-size:10px;min-width:140px;padding:9px;margin:0}.social-nav-item .section-description{font-size:8px}.social-post{padding:20px}.social-post h2{font-size:20px}.social-feed .design-filters{flex-wrap:wrap}.social-feed .design-filters select{max-width:none}.design-social .participant-grid{grid-template-columns:1fr}.hub-hero{display:block;padding-bottom:25px}.hub-hero h1{font-size:45px}.hub-people-art{display:none}.hub-spaces{grid-template-columns:repeat(2,1fr)}.hub-space{min-height:230px;padding:17px;border-radius:15px}.space-symbol{font-size:28px;margin-top:16px}.hub-space h2{font-size:17px}.hub-spaces .hub-space:last-child{grid-column:1/-1;min-height:160px}.hub-spaces .hub-space:last-child .space-symbol{float:right;font-size:55px;margin:20px}.hub-conversations{grid-template-columns:1fr}.hub-section-heading h2{font-size:22px}.design-workspace main{padding:0}.workspace-shell{display:flex;flex-direction:column}.workspace-list{border-right:0;border-bottom:1px solid var(--line);max-height:365px;overflow:auto}.workspace-list-heading{padding:20px}.workspace-list .design-filters{position:static}.workspace-topic{padding:13px 20px}.workspace-topic>p{display:none}.workspace-topic strong{font-size:12px}.workspace-thread-heading h2{font-size:24px}.workspace-thread{min-height:450px}.workspace-reply{margin:10px 20px 25px}.workspace-message p{font-size:13px}.questions-layout{display:block}.questions-nav{border:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.questions-nav>a{font-size:10px;padding:10px}.questions-nav .section-description{font-size:9px}.question-tip{display:none}.questions-heading h1{font-size:38px}.questions-heading{display:block}.questions-heading .button{margin:7px 0 10px}.question-row{grid-template-columns:45px 1fr;gap:15px}.question-content h2{font-size:17px}.question-content>p{font-size:12px}.question-stats strong{font-size:22px}.question-bottom{gap:12px}.design-questions .reading>h1{font-size:29px}.design-questions .participant-grid{grid-template-columns:1fr}.map-heading h1{font-size:37px}.topic-map{height:auto;display:grid;grid-template-columns:1fr;gap:12px;margin:30px auto}.map-lines,.map-centre{display:none}.map-node{position:static;width:100%;display:grid;grid-template-columns:45px 1fr;text-align:left;gap:0 12px;padding:17px;border-radius:12px}.map-node-symbol{grid-row:1/4;margin:0}.map-node .section-description{margin:4px 0;font-size:10px}.map-node strong{font-size:14px}.map-node small{grid-column:2}.map-content{padding-top:10px}.map-list-heading h2{font-size:18px}.map-topic-list h3{font-size:15px}.design-map .participant-grid{grid-template-columns:1fr}.board-heading{display:block}.board-heading h1{font-size:32px}.board-heading .button{margin-top:10px}.board-section-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}.board-section-tabs>a{flex-shrink:0;width:155px;font-size:10px}.discussion-board{display:flex;overflow-x:auto;gap:15px;padding-bottom:20px;scroll-snap-type:x proximity}.board-column{flex:0 0 290px;scroll-snap-align:start;padding:13px}.board-column-heading h2{font-size:12px}.board-card h3{font-size:18px}.design-board .participant-grid{grid-template-columns:1fr}.design-gallery-heading h1{font-size:39px}.design-gallery{grid-template-columns:1fr}.gallery-sketch{height:160px}.design-enabled .reading>h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Appearance catalog: organized by use, shared by the gallery, header and account. */
.design-gallery-group{margin:0 0 46px;min-width:0}
.design-group-heading{margin:0 0 20px}
.design-group-heading h2{display:flex;align-items:center;gap:12px;margin:0 0 7px;font-size:25px;line-height:1.3}
.design-group-heading h2>span{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);font-weight:400}
.design-group-heading p{margin:0;max-width:700px;font-size:14px;line-height:1.7;color:var(--muted)}
.appearance-menu>a:first-child{border-top:0;border-bottom:1px solid var(--line);margin:0 4px 6px;padding:10px 7px 13px;color:var(--ink);font-size:12px;font-weight:600}
.appearance-category{border:0;margin:0;padding:0}
.appearance-category>summary{display:flex;align-items:center;gap:9px;padding:11px 10px;list-style:none;cursor:pointer;border-radius:6px;font-size:12px;font-weight:600}
.appearance-category>summary::-webkit-details-marker{display:none}
.appearance-category>summary:hover{background:var(--soft)}
.appearance-category>summary>small{margin-left:auto;font-size:10px;font-weight:400;color:var(--muted)}
.appearance-category>summary>b{font-size:13px;font-weight:400;transition:transform .15s}
.appearance-category[open]>summary>b{transform:rotate(180deg)}
.appearance-menu .appearance-category button{padding:10px 11px 10px 19px;gap:10px}
.appearance-category>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:680px){.design-gallery-group{margin-bottom:34px}.design-group-heading h2{font-size:22px}.design-group-heading p{font-size:13px}}