/* Electric campus signal — shared visual layer for all four public routes.
   Existing interaction, moderation and private-data boundaries remain unchanged. */
:root {
  --signal-night:#112334;
  --signal-deep:#0b1725;
  --signal-teal:#57e9db;
  --signal-coral:#ff7655;
  --signal-yellow:#ffe765;
  --signal-paper:#f7f5eb;
  --signal-line:#244354;
  --paper:var(--signal-deep);
  --ink:#f6f8f2;
  --muted:#b5c8cd;
  --green:var(--signal-teal);
  --yellow:var(--signal-yellow);
  --white:#1c3140;
  --soft:#243b48;
  --field:#1a3040;
  color-scheme:dark;
}
html{background:var(--signal-paper);scrollbar-color:#9ab9b8 var(--signal-paper)}
body{background:var(--signal-paper);color:#13283a}
::selection{background:var(--signal-coral);color:var(--signal-deep)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--signal-coral);outline-offset:3px}
.topbar{background:#0b1725ed;border-bottom:1px solid #4e7580;backdrop-filter:blur(20px);color:#f7f9f4}
.brand img{background:var(--signal-yellow);border-radius:8px;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--signal-coral)}
.nav a,.page-nav a{transition:color .2s,transform .2s}
.nav a:hover,.page-nav a:hover{color:var(--signal-teal);transform:translateY(-2px)}
.nav a[aria-current],.page-nav a[aria-current=page]{color:var(--signal-yellow)}
.primary,.solid-button,.domain-link{background:var(--signal-teal);color:var(--signal-deep);border-color:var(--signal-teal)}
.primary:hover,.solid-button:hover,.domain-link:hover{background:#b2fff3;color:var(--signal-deep)}
.quiet,.outline-button,.page-login{border-color:#5c8290;color:#f4faf8;background:#1a3142}
.quiet:hover,.outline-button:hover,.page-login:hover{background:#294e5e;color:#fff;border-color:var(--signal-teal)}
.section-index,.page-kicker{color:var(--signal-coral);font-weight:800;letter-spacing:.14em}
.section-index:before,.page-kicker:before{content:"◆ ";font-size:.8em}

/* Homepage: a loud magazine cover, not a toy dashboard. */
html[data-route=home] main{background:radial-gradient(circle at 3% 20%,#dcf8ee 0,transparent 29%),linear-gradient(180deg,#faf8f0,#f1f6ed);color:#13283a}
html[data-route=home] .hero{
  color:#102236;min-height:600px;border:0;border-radius:0;
  background:radial-gradient(circle at 14% 14%,#ffffff80 0 2px,transparent 3px) 0 0/38px 38px,
    linear-gradient(122deg,#7af2e4 0%,#4de0d6 62%,#26bfc4 100%);
  box-shadow:18px 18px 0 #ff7655;
  margin-bottom:18px;
}
html[data-route=home] .hero:before{content:"NL · CAMPUS SIGNAL";display:block;position:absolute;left:48px;bottom:18px;right:auto;color:#14515d;font:800 11px "Bahnschrift","Microsoft YaHei",sans-serif;letter-spacing:.22em;z-index:1}
html[data-route=home] .hero:after{content:"✳";position:absolute;top:12px;right:25px;color:var(--signal-coral);font-size:82px;line-height:1;animation:signal-spin 26s linear infinite}
html[data-route=home] .hero h1{color:#102236;text-shadow:3px 4px 0 #f7f5eb;max-width:9ch}
html[data-route=home] .hero-copy>p,html[data-route=home] .hero .hero-note{color:#1a4952}
html[data-route=home] .hero-action{background:#102236;color:#fff;border-radius:2px;box-shadow:7px 7px 0 var(--signal-coral)}
html[data-route=home] .hero-action:hover{background:#26445a;color:#fff;transform:translate(3px,3px);box-shadow:4px 4px 0 var(--signal-coral)}
html[data-route=home] .hero-art{background:linear-gradient(145deg,#1d3d54,#0d2138);outline:2px solid #163c50;box-shadow:17px 17px 0 #ffe765;transform:rotate(4deg)}
html[data-route=home] .hero-art:before,html[data-route=home] .hero-art:after{content:"";position:absolute;pointer-events:none;border:1px solid #7af2e480;border-radius:50%;width:78%;aspect-ratio:1;left:11%;top:6%;z-index:0}
html[data-route=home] .hero-art:after{width:55%;left:22%;top:19%;border-style:dashed;animation:signal-spin 25s linear infinite}
html[data-route=home] .hero-main-art{z-index:1;filter:drop-shadow(8px 17px 0 #0006)}
html[data-route=home] .hero-friend{z-index:2;filter:drop-shadow(5px 8px 0 #0c223b99)}
.welcome-strip{border-bottom-color:#bbd6d0}
.welcome-strip p{color:#173448}
.welcome-strip a{color:#b84437;font-weight:800}
.portal-grid{gap:10px}
.portal-grid>a{border:0;isolation:isolate;transition:transform .24s,box-shadow .24s}
.portal-grid>a:nth-child(1){background:var(--signal-coral);color:#1e2534}
.portal-grid>a:nth-child(2){background:var(--signal-yellow);color:#172a38}
.portal-grid>a:nth-child(3){background:#496ee8;color:#fff}
.portal-grid>a:hover{transform:translateY(-7px);box-shadow:0 14px 0 #0005}
.portal-grid span,.portal-grid p{color:inherit;opacity:.78}
.portal-grid strong{font-weight:900}
.portal-grid img{opacity:1;filter:drop-shadow(4px 7px 0 #0003)}
.rules-section{background:#fffdfa;color:#122537;margin-top:70px;padding:48px;gap:50px;position:relative;border:1px solid #c7d9d1}
.rules-section:before{content:"03 / THE LOOP";position:absolute;right:28px;top:20px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#bd503e}
.rules-intro>p{color:#435c63}
.rules-intro .text-link{color:#d6533d}
.rules-section .schedule{border:0;background:#173246;color:#f8f9ef;box-shadow:9px 9px 0 #ff7655}
.rules-section .daily-strip{background:var(--signal-yellow);color:#122537}
.rules-section .daily-strip p{color:#3b4a45}
.rules-section .timeline{background:#d2b951}
.rules-section .timeline>div{background:#ff7655}
.rules-section .schedule-list{background:#173246;color:#f8f9ef}
.rules-section .schedule-list p{color:#bdd4d7}
.rules-section .schedule-list>li>strong{color:var(--signal-teal)}
.faq-section{background:#fffdfa;color:#122537;padding:42px 48px 70px;margin-bottom:72px;border:1px solid #c7d9d1;border-top:0;gap:50px}
.faq-section>div>p,.faq-list details p{color:#405a63}
.faq-list details{border-bottom:1px solid #bdcbc7}
.faq-list summary:hover{color:#d6533d}
.footer{background:#102236;border-top:4px solid var(--signal-coral)}
.footer p,.footer .preview-note{color:#bad0d5}
.footer-links>a:hover,.footer .admin-link:hover{color:var(--signal-teal)}

/* Standalone routes share an energetic light/dark rhythm. */
body[data-page]{--route-ink:#f7f9f4;--route-dim:#b6cad0;--route-acid:var(--signal-teal);--route-panel:#ffffff;--route-panel-2:#f7f5eb;--route-line:#87a5aa;color:#f7f9f4;background:var(--signal-paper)}
body[data-page] main{background:radial-gradient(circle at 100% 8%,#e0faf1,transparent 28%),var(--signal-paper)!important;color:#132638}
body[data-page] .topbar{background:#0b1725eb}
body[data-page] .brand,body[data-page] .page-nav a{color:#f7f9f4}
body[data-page] .page-nav a[aria-current=page]{color:var(--signal-yellow)}
body[data-page] .page-header{min-height:76px}
body[data-page] .page-hero{min-height:520px;gap:42px;margin-top:36px;color:#13283a;background:#dff8ef;padding:0 46px;border:1px solid #b4dad1;box-shadow:10px 10px 0 #65ded3}
body[data-page] .board-hero{background:#fff3be;box-shadow:10px 10px 0 #ff9e76;border-color:#e6d9a2}
body[data-page] .nest-hero{background:#ffe1d3;box-shadow:10px 10px 0 #72e4d5;border-color:#f2beaa}
body[data-page] .page-hero>div:first-child{padding:52px 0}
body[data-page] .page-hero h1{font-weight:950;letter-spacing:-.08em;text-shadow:4px 4px 0 #fff}
body[data-page] .page-hero h1 em{color:#bc4538}
body[data-page] .page-hero p{color:#405d63}
body[data-page] .page-kicker{color:#126d71}
body[data-page] .hero-metrics span{border-color:var(--signal-coral)}
body[data-page] .hero-metrics strong{color:#13283a}
body[data-page] .hero-metrics small{color:#4b6268}
body[data-page] .hero-poster{background:var(--signal-coral);color:var(--signal-deep);box-shadow:15px 15px 0 var(--signal-yellow);transform:rotate(2deg);overflow:visible}
body[data-page] .hero-poster:before{border-color:#182d3e80}
body[data-page] .hero-poster:after{content:"";position:absolute;inset:42px;border:2px solid #ffffff90;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
body[data-page] .hero-poster img{z-index:2;width:min(68%,335px);filter:drop-shadow(10px 14px 0 #111b2c55);transition:transform .35s}
body[data-page] .hero-poster:hover img{transform:rotate(6deg) scale(1.035)}
body[data-page] .hero-poster b{color:#101f34}
body[data-page] .campus-hero .hero-poster{background:var(--signal-teal)}
body[data-page] .board-hero .hero-poster{background:var(--signal-yellow)}
body[data-page] .nest-hero .hero-poster{background:#ff8e73}
body[data-page] .directory,body[data-page] .board-page-section,body[data-page] .nest-space{color:#112638;padding-block:80px}
body[data-page] .section-topline h2{color:#13283a;font-weight:950}
body[data-page] .section-topline p{color:#4b6266}
body[data-page] .section-topline .page-kicker{color:#d4523e}
body[data-page] .directory-count{color:#bb4838;font-weight:800}
body[data-page] .directory-tools{background:#fff;border:2px solid #18394c;box-shadow:7px 7px 0 #57e9db;padding:12px;margin-bottom:28px}
body[data-page] .page-search{background:#f1f6f1;color:#123c4a;border:1px solid #9cbbba}
body[data-page] .page-search input,body[data-page] .directory-tools select{color:#13283a}
body[data-page] .directory-tools select{border-color:#9cbbba}
body[data-page] .filter-chip{color:#193447;border-color:#9cbbba}
body[data-page] .filter-chip.is-active{background:#183a4b;color:#fff;border-color:#183a4b}
body[data-page] .campus-grid{gap:14px}
body[data-page] .campus-card{background:#fff;color:#13283a;border:1px solid #a7bdbc;box-shadow:4px 4px 0 #d7e9df;transition:transform .22s,box-shadow .22s,border-color .22s}
body[data-page] .campus-card:nth-child(3n+1){background:#fff9ec}
body[data-page] .campus-card:nth-child(3n+2){background:#effbf8}
body[data-page] .campus-card[data-winner=true]{border-color:#e6614a;box-shadow:4px 4px 0 #ff8d72}
body[data-page] .campus-card:hover{transform:translate(-2px,-5px);box-shadow:8px 9px 0 #57e9db;border-color:#193e4b}
body[data-page] .campus-card{min-height:286px}
body[data-page] .campus-seal{transition:transform .22s,box-shadow .22s}
body[data-page] .campus-seal:hover,body[data-page] .campus-seal:focus-visible{transform:scale(1.07) rotate(-5deg);box-shadow:0 0 0 6px #ff765580}
body[data-page] .card-actions{display:block}
body[data-page] .card-actions .community-link{display:flex;width:100%;min-height:42px;font-weight:800}
body[data-page] .campus-card .card-overline,body[data-page] .campus-card .school-name{color:#557076}
body[data-page] .campus-card .winner-label{color:#c54d3e}
body[data-page] .campus-seal{background:#d3f6ed;border-color:#57e9db70;box-shadow:0 0 0 1px #4c8288}
body[data-page] .domain-link{background:#122e40;color:#fff}
body[data-page] .domain-link:hover{background:#24536a}
body[data-page] .community-link{background:transparent;color:#123244;border-color:#759ba2}
body[data-page] .community-link:hover{background:#d6f7ee}
body[data-page] .page-loading,body[data-page] .page-empty{color:#496269;border-color:#8daeb0}
body[data-page] .page-board-tabs{background:#122e40;box-shadow:7px 7px 0 var(--signal-coral)}
body[data-page] .page-board-tabs button{color:#c6e0df;border-color:#446477}
body[data-page] .page-board-tabs button:hover{background:#285167;color:#fff}
body[data-page] .page-board-tabs button[aria-pressed=true]{background:var(--signal-teal);color:#102638}
body[data-page] .board-live{color:#176c68}
body[data-page] .board-live i{background:#1db699;box-shadow:0 0 10px #29d7bd}
body[data-page] .board-context,body[data-page] .page-updated{color:#547075}
body[data-page] .page-board-row{background:#fff;color:#112638;border:1px solid #b6c9c3}
body[data-page] .page-board-row:hover{border-color:#1c7181;background:#e8faf5}
body[data-page] .page-board-row.rank-one{background:var(--signal-coral);color:#102638;border-color:#bf513d;box-shadow:6px 6px 0 #173b4c}
body[data-page] .page-board-row.rank-two{background:#c6f6ec}
body[data-page] .page-board-row.rank-three{background:#fff1bd}
body[data-page] .page-rank{color:#177074}
body[data-page] .rank-one .page-rank{color:#102638}
body[data-page] .page-entity small,body[data-page] .page-score small{color:#486268}
body[data-page] .rank-one .page-entity small,body[data-page] .rank-one .page-score small{color:#30434c}
body[data-page] .page-entity img{background:#e1f5ec}
body[data-page] .discovery-banner{background:var(--signal-coral);color:#122638}
body[data-page] .discovery-history span{background:#16384a;color:#edf9f7}
body[data-page] .page-pager{color:#46636b}
body[data-page] .page-work-period{color:#46636b}
body[data-page] .page-work-period select{background:#fff;color:#142b3b;border-color:#8baeb2}
body[data-page] .nest-manage{color:#133345;border-color:#9cbabb}
body[data-page] .nest-notes .note-card{background:#17394b;color:#fff;border:0}
body[data-page] .nest-notes .note-card p{color:#c9dddc}
body[data-page] .nest-notes .note-card.accent{background:var(--signal-yellow);color:#122638}
body[data-page] .nest-notes .note-card.accent p{color:#425353}
body[data-page] .nest-notes .note-card a,body[data-page] .nest-notes .note-card .text-link{color:var(--signal-teal)}
body[data-page] .nest-notes .note-card.accent a,body[data-page] .nest-notes .note-card.accent .text-link{color:#ab3d30}
body[data-page] .page-footer{background:#102638;border-top:5px solid var(--signal-coral);color:#f7f9f4}
body[data-page] .page-footer p{color:#b9ced2}
body[data-page] .footer-quick a{color:var(--signal-teal)}
body[data-page] .campus-drawer{background:#f7f5eb;color:#13283a;border:2px solid #19384c}
body[data-page] .drawer-close{color:#254b5a}
body[data-page] .drawer-meta{color:#53676c}
body[data-page] .drawer-work{border-color:#b4c9c6}
body[data-page] .drawer-work span{color:#c14c3d}

/* Dialogs live on cream paper, independently of the dark navigation theme. */
.modal-wrap{
  --ink:#13283a;
  --muted:#526b70;
  --white:#fff;
  --soft:#e9f4ef;
  --field:#fff;
  color-scheme:light;
  background:#0a2535a8;
}
.modal-wrap .modal{
  background:#f7f5eb;
  color:#13283a;
  border:1px solid #a9c6c1;
  border-radius:18px;
  box-shadow:0 22px 70px #061d2e55,7px 7px 0 #62e5d2;
}
.modal-wrap .modal h2{color:#13283a}
.modal-wrap .modal-close{background:#e4f4ec;color:#153647;border-radius:50%}
.modal-wrap .modal-close:hover{background:#ffe765;color:#13283a}
.modal-wrap .modal-intro,.modal-wrap .field-help,.modal-wrap .consent-row,
.modal-wrap .round-hint,.modal-wrap .community-heading p,.modal-wrap .icon-description,
.modal-wrap .profile-private,.modal-wrap .profile-stats span,.modal-wrap .forum-post small,
.modal-wrap .manage-content p,.modal-wrap .admin-service-state{color:#526b70}
.modal-wrap .field input:not([type=file]),.modal-wrap .field select,
.modal-wrap .field textarea,.modal-wrap .admin-modal select,
.modal-wrap .admin-modal input[type=email],.modal-wrap .admin-modal textarea{
  background:#fff;color:#13283a;border:1px solid #93b5b2;border-radius:8px;
}
.modal-wrap .field input::placeholder,.modal-wrap .field textarea::placeholder{color:#667d7e}
#verifyModal .verification-search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #93b5b2;border-radius:8px;background:#fff;color:#266b70}
#verifyModal .verification-search:focus-within{border-color:#187b78;box-shadow:0 0 0 3px #57e9db35}
#verifyModal .verification-search>span{font-size:24px;line-height:1;flex:none}
#verifyModal .verification-search input[type=search]{min-width:0;min-height:50px;width:100%;padding:9px 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;caret-color:#13283a}
#verifyModal .verification-search input[type=search]:focus{border:0;box-shadow:none;outline:0}
#verifyModal #verifySchool{margin-top:10px}
#verifyModal .verification-not-found{margin-top:10px;padding:12px 14px;border:1px solid #efc58b;border-radius:8px;background:#fff6e8;color:#70471e;font-size:14px;line-height:1.6}
.modal-wrap .quiet,.modal-wrap .community-head .quiet{
  background:#e7f5ee;color:#153647;border:1px solid #a1c4bb;
}
.modal-wrap .quiet:hover{background:#c8f3e4;color:#153647;border-color:#297a78}
.modal-wrap .text-button,.modal-wrap .member-link{color:#153647}
.modal-wrap .form-message{background:#e7f4e9;color:#215348;border:1px solid #a8ccb7}
.modal-wrap .form-message.error{background:#fff0eb;color:#9b3226;border-color:#e9b4a9}
.modal-wrap .field-error{color:#9b3226}
.modal-wrap .community-head,.modal-wrap .account-details,.modal-wrap .upload-zone,
.modal-wrap .submission,.modal-wrap .admin-work-card,.modal-wrap .admin-audit-item{
  background:#fff;border:1px solid #d3e5df;
}
.modal-wrap .upload-zone{background:#eaf8f2;border:2px dashed #73a9a2}
.modal-wrap .community-tabs button{background:#e7f5ee;color:#153647;border-color:#a1c4bb}
.modal-wrap .community-tabs button[aria-pressed=true],
.modal-wrap .admin-tabs button[aria-selected=true]{background:#ffe765;color:#13283a;border-color:#bd9e31}
.modal-wrap .icon-status{background:#e7f5ee!important;color:#153647!important}
.modal-wrap .auth-welcome,.modal-wrap .status-label{color:#176e69}
.modal-wrap .honor{background:#fff;border-color:#cfddd6;color:#153647}
.modal-wrap .honor.earned{background:#fff8df;border-color:#d3b954}
.modal-wrap .avatar-options button{background:#eaf6ef;border-color:#9ebbb4}
.modal-wrap .profile-header>img,.modal-wrap .member-link img{background:#e4f4e9}
.modal-wrap .profile-section,.modal-wrap .neighbor-row,.modal-wrap .manage-content{border-color:#d2e2db}
.modal-wrap .badge-condition{background:#fff8dd;border-color:#d7bf6b}
.modal-wrap .board-empty{background:#edf7f2;color:#4a6668;border-color:#9fbbb5}
.modal-wrap .forum-post{background:#fff;border:1px solid #cfdfd9;border-radius:12px;box-shadow:3px 3px 0 #deeee7}
.modal-wrap .admin-work-list,.modal-wrap .admin-work,.modal-wrap .admin-person,
.modal-wrap .admin-audit,.modal-wrap .admin-grant{border-color:#d2e2db}
.modal-wrap .admin-work-status,.modal-wrap .admin-service-state span{background:#e6f3ed;color:#315c5b}

/* A room-sized campus conversation station, with artwork kept off the reading column. */
#forumModal{padding:12px}
#forumModal .modal{width:min(1480px,100%);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);min-height:0;display:flex;flex-direction:column;padding:24px 32px;overflow:hidden}
#forumModal .modal>h2{font-size:26px;padding-right:48px;flex-shrink:0}
#forumModal .modal>*{flex-shrink:0}
#forumModal .forum-hero{
  position:relative;display:flex;align-items:center;min-height:92px;margin:12px 0;
  padding:12px 130px 12px 18px;overflow:hidden;border-radius:12px;
  background:linear-gradient(110deg,#dbf8ef 0%,#f4f7e6 70%,#fff2ce 100%);
  border:1px solid #a2ccc0;
}
#forumModal .forum-hero:before{content:"";position:absolute;inset:auto 30px -90px auto;width:260px;height:260px;border:2px solid #56d8bf;border-radius:50%;opacity:.65}
#forumModal .forum-hero-copy{position:relative;z-index:1;max-width:650px}
#forumModal .forum-signal{display:none}
#forumModal .forum-manifesto{margin:0 0 6px;color:#123548;font-size:20px;font-weight:850;line-height:1.35}
#forumModal .forum-hero .modal-intro{margin:0;font-size:13px;line-height:1.7}
#forumModal .forum-hero img{position:absolute;right:20px;bottom:-6px;width:105px;height:105px;object-fit:contain;filter:drop-shadow(6px 5px 0 #4dd8c259)}
#forumModal .forum-actions{gap:12px}
#forumModal .forum-sort{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 4px;padding-top:0;border:0}
#forumModal .forum-sort>span{margin-right:9px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#526b70}
#forumModal .forum-sort button{min-height:40px;padding:8px 15px;background:#fff;border:1px solid #a8c8c1;border-radius:999px;color:#204652;font-size:13px;font-weight:800}
#forumModal .forum-sort button:hover{background:#e7f5ee}
#forumModal .forum-sort button[aria-pressed=true]{background:#153b4c;color:#fff;border-color:#153b4c}
#forumModal .forum-sort-note{margin:0 0 16px;color:#587076;font-size:12px;line-height:1.6}
#forumModal .forum-list{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;grid-template-columns:1fr;gap:12px;align-content:start;margin-top:0;padding:4px 8px 12px 0}
#forumModal .forum-post{margin:0;min-width:0;padding:16px 22px}
#forumModal .forum-count{font-size:13px;color:#526b70;margin:0 0 8px}
#forumModal .forum-post h3{line-height:1.45}
#forumModal .forum-post p{line-height:1.7}
#forumModal .forum-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#5a7276}
#forumModal .forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #e1ece6}
#forumModal .forum-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#forumModal .forum-reactions button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #a7c6bf;border-radius:9px;background:#eff8f3;color:#224754;font-size:13px;font-weight:750;transition:transform .18s,background .18s,border-color .18s}
#forumModal .forum-reactions button:hover{background:#d9f5e9;transform:translateY(-2px)}
#forumModal .forum-reactions button[aria-pressed=true]{background:#ffe765;border-color:#d5ac35;color:#183845}
#forumModal .forum-reactions button[data-value="-1"][aria-pressed=true]{background:#ffe2d8;border-color:#e9a290;color:#833a2d}
#forumModal .forum-reactions button svg{width:19px;height:19px;flex:none}
#forumModal .forum-reactions button b{font-variant-numeric:tabular-nums;font-size:12px}
#forumModal .forum-reply-link{min-height:44px;padding:9px 13px;font-size:13px;white-space:nowrap}
#forumModal .forum-list>.board-empty{grid-column:1/-1;display:grid;place-items:center;min-height:220px}
#forumModal #forumMore{margin-top:16px}

@keyframes signal-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .modal-wrap .modal{box-shadow:0 14px 44px #061d2e55,3px 3px 0 #62e5d2}
  #forumModal{padding:0}
  #forumModal .modal{width:100%;height:100dvh;max-height:100dvh;min-height:0;border-radius:0;padding:16px}
  #forumModal .forum-hero{min-height:0;padding:10px 70px 10px 12px;margin:8px 0}
  #forumModal .forum-hero img{width:76px;height:76px;right:-9px;bottom:-5px}
  #forumModal .forum-manifesto{display:none}
  #forumModal .forum-sort>span{display:none}
  #forumModal .forum-sort button{min-height:44px}
  #forumModal .forum-list{grid-template-columns:1fr;min-height:0}
  #forumModal .forum-post{padding:14px}
  html[data-route=home] .hero{box-shadow:8px 8px 0 #ff7655;margin-right:8px;margin-bottom:8px}
  html[data-route=home] .hero:before{left:24px;bottom:8px;font-size:8px}
  html[data-route=home] .hero:after{font-size:48px;right:12px;top:8px}
  html[data-route=home] .hero h1{text-shadow:2px 2px 0 #f7f5eb}
  html[data-route=home] .hero-art{box-shadow:8px 8px 0 #ffe765}
  .portal-grid{gap:6px}
  .rules-section{padding:34px 22px;gap:26px;margin-top:46px}
  .faq-section{padding:32px 22px 50px;margin-bottom:44px}
  body[data-page] main{background:var(--signal-paper)!important}
  body[data-page] .page-hero{gap:0;margin-top:14px;padding:0 16px 20px;box-shadow:5px 5px 0 #65ded3}
  body[data-page] .board-hero{box-shadow:5px 5px 0 #ff9e76}
  body[data-page] .nest-hero{box-shadow:5px 5px 0 #72e4d5}
  body[data-page] .page-hero>div:first-child{padding:24px 0 30px}
  body[data-page] .hero-poster{box-shadow:8px 8px 0 var(--signal-yellow);transform:rotate(1deg)}
  body[data-page] .directory,body[data-page] .board-page-section,body[data-page] .nest-space{padding-block:58px}
  body[data-page] .directory-tools,body[data-page] .page-board-tabs{box-shadow:4px 4px 0 var(--signal-coral)}
  body[data-page] .campus-grid{gap:10px}
  body[data-page] .campus-card{box-shadow:2px 2px 0 #d4e5dd}
  body[data-page] .campus-card{min-height:264px}
  body[data-page] .page-board-row.rank-one{box-shadow:3px 3px 0 #173b4c}
}
@media(prefers-reduced-motion:reduce){html[data-route=home] .hero:after,html[data-route=home] .hero-art:after{animation:none}body[data-page] .hero-poster img{transition:none}}
/* Six board categories stay on one line on desktop and form two rows on phones. */
body[data-page] .page-board-tabs,#boards .board-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:760px){body[data-page] .page-board-tabs,#boards .board-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* A single equipped title sits beside a member's name, independent of privileges. */
.member-title{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;flex:none;max-width:100%;padding:3px 8px;border:1px solid #9abeb3;border-radius:5px;background:#e4f5eb;color:#216152;font-size:11px!important;font-style:normal;font-weight:800;line-height:1.5!important;letter-spacing:.025em;white-space:nowrap;text-shadow:none!important;text-decoration:none}
.member-title[data-title-kind=leader]{background:#fff0b8;border-color:#c5a04b;color:#775016;box-shadow:inset 0 1px 0 #fff8}
.member-title[data-title-kind=webmaster]{background:#dff6f1;border-color:#75b5a5;color:#155e59}
.member-title[data-title-kind=admin]{background:#e2edff;border-color:#97b3d9;color:#315889}
.member-title[data-title-kind=honor]{background:#fff0de;border-color:#d8b18a;color:#8a4e28}
.member-link,.community-author{flex-wrap:wrap}
.member-identity h1>.member-title,.profile-header h3>.member-title{margin-right:7px}
.title-options{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.title-legend{font-size:13px;font-weight:700;margin-bottom:12px;color:#486268}
.title-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #bacfc5;border-radius:8px;padding:15px;background:#fffefa;cursor:pointer;min-width:0}
.title-option:has(input:checked){border-color:#16786d;background:#e8f8ef;box-shadow:inset 0 0 0 1px #16786d}
.title-option:focus-within{outline:2px solid #16786d;outline-offset:2px}
.title-option input{width:17px!important;height:17px;min-height:0!important;flex:none;margin:5px 0 0;accent-color:#16786d}
.title-option>span{display:block;min-width:0}
.title-option small{display:block;font-size:12px;color:#556f70;line-height:1.6;margin-top:8px}
.title-option em{display:block;font-size:10px;color:#157064;font-style:normal;margin-top:6px}
.title-option.is-locked{background:#eff1eb;cursor:not-allowed}
.title-option.is-locked .member-title{filter:grayscale(1);opacity:.65}
.title-option.is-locked em{color:#76817a}
.title-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.title-save-row [role=status]{color:#286d5e;font-size:13px}
.library-author .library-author-name{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}
.library-author .member-title{margin:0}
.page-login .member-title,.header-actions .member-title{font-size:10px!important;padding:2px 5px}
@media(max-width:640px){.title-options{grid-template-columns:1fr}.page-login .member-title,.header-actions .member-title{display:none!important}}

/* Final visual pass: shared proportions, quieter surfaces and clear controls. */
body{color-scheme:light}
.topbar{box-shadow:0 3px 18px #10263812}
.nav a,.page-nav a{position:relative;border-radius:6px;font-weight:700}
.nav a[aria-current=page],body[data-page] .page-nav a[aria-current=page]{background:#ffffff0b;text-decoration:none}
.nav a[aria-current=page]:after,.page-nav a[aria-current=page]:after{content:"";position:absolute;height:3px;left:13px;right:13px;bottom:2px;background:var(--signal-yellow);border-radius:3px}
.primary,.quiet,.solid-button,.outline-button,.page-login{border-radius:6px;min-height:44px;transition:background .18s,border-color .18s,box-shadow .18s}
button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}
.page-header,.header-inner{gap:24px}

/* The three section names have equal visual weight, without extra slogans. */
body[data-page] .page-hero{min-height:420px;margin-top:32px;gap:36px;padding-inline:38px;border-radius:10px;box-shadow:7px 7px 0 #65ded3}
body[data-page] .board-hero{box-shadow:7px 7px 0 #ff9e76}
body[data-page] .nest-hero{box-shadow:7px 7px 0 #72e4d5}
body[data-page] .page-hero>div:first-child{padding:38px 0;align-self:center;min-width:0}
body[data-page] .page-hero h1{font-size:clamp(64px,6.3vw,94px);line-height:1.06;letter-spacing:-.055em;margin:22px 0 24px;text-shadow:3px 3px 0 #fff}
body[data-page] .page-hero p{line-height:1.9;max-width:34em;text-wrap:pretty}
body[data-page] .hero-metrics{margin-top:28px;gap:28px}
body[data-page] .hero-metrics strong{font-variant-numeric:tabular-nums}
body[data-page] .hero-poster{min-height:350px;margin-block:18px;border-radius:8px;box-shadow:9px 9px 0 var(--signal-yellow);transform:rotate(1.5deg)}
body[data-page] .hero-poster:before{border-radius:5px;opacity:.55}
body[data-page] .hero-poster:after{inset:36px}
body[data-page] .hero-poster img{width:min(66%,300px);filter:drop-shadow(5px 9px 0 #10263830)}
body[data-page] .hero-poster b{font-size:clamp(24px,2.4vw,34px);right:20px;bottom:20px}
body[data-page] .directory,body[data-page] .board-page-section,body[data-page] .nest-space{padding-block:64px}
body[data-page] .section-topline{margin-bottom:24px;align-items:center}
body[data-page] .section-topline h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;line-height:1.12}
body[data-page] .section-topline p{line-height:1.8;max-width:58em}
body[data-page] .section-topline .page-kicker{color:#b34232}
.page-kicker,.section-index{line-height:1.6}

/* Cards feel like objects on paper; the artwork and content remain primary. */
.portal-grid{gap:18px}
.portal-grid>a{border-radius:10px;box-shadow:0 5px 0 #18394c13}
.portal-grid>a:hover{transform:translateY(-4px);box-shadow:0 9px 0 #18394c20}
.portal-grid p{line-height:1.8;opacity:.9}
.portal-grid img{transition:transform .25s}
.portal-grid>a:hover img{transform:rotate(-5deg) translateY(-3px)}
.rules-section{border-radius:10px 10px 0 0}
.faq-section{border-radius:0 0 10px 10px}
.faq-list summary{padding-block:20px;line-height:1.6}
body[data-page] .directory-tools{border-width:1px;border-radius:8px;box-shadow:4px 4px 0 #57e9db}
body[data-page] .page-search,body[data-page] .directory-tools select,body[data-page] .filter-chip{border-radius:5px}
body[data-page] .page-search:focus-within{border-color:#137575;box-shadow:0 0 0 3px #57e9db45}
/* The search field uses the wrapper as its keyboard focus indicator. The
   global coral input ring otherwise draws a second box inside the field and
   makes the actual insertion caret hard to see. */
body[data-page="schools"] .page-search input:focus-visible{outline:0;outline-offset:0;box-shadow:none}
body[data-page="schools"] .page-search input{caret-color:#13283a;cursor:text}
body[data-page] .campus-card{border-radius:10px;border-color:#c6d6ce;box-shadow:3px 3px 0 #d7e9df}
body[data-page] .campus-card h3,body[data-page] .campus-card .school-name{text-align:center}
body[data-page] .campus-card .community-link{border-radius:5px;background:#ffffffa8}
body[data-page] .campus-card .community-link:hover{background:#173949;color:#fff;border-color:#173949}
body[data-page] .campus-card .card-overline{font-size:12px}
body[data-page] .nest-notes .note-card{border-radius:10px;padding:30px}

/* Six clearly selected categories, consistent numerical columns and empty states. */
body[data-page] .page-board-tabs{border-radius:8px;overflow:hidden;box-shadow:4px 4px 0 var(--signal-coral);margin-bottom:22px}
body[data-page] .page-board-tabs button{min-height:54px;transition:background .18s,color .18s}
body[data-page] .page-board-tabs button[aria-pressed=true]{box-shadow:inset 0 -4px 0 #137b76}
body[data-page] .page-board-rows{gap:10px}
body[data-page] .page-board-row{border-radius:8px;transition:border-color .18s,background .18s;min-width:0}
body[data-page] .page-board-row:hover{transform:none}
body[data-page] .page-board-row.rank-one{box-shadow:3px 3px 0 #173b4c}
body[data-page] .page-entity img{border-radius:8px;flex-shrink:0;object-fit:contain}
body[data-page] .page-rank,body[data-page] .page-score{font-variant-numeric:tabular-nums}
body[data-page] .page-score{overflow-wrap:anywhere;line-height:1.35}
body[data-page] .page-entity strong{line-height:1.6}
body[data-page] .page-entity small{line-height:1.7}
body[data-page] .page-pager{flex-wrap:wrap;line-height:1.7}
body[data-page] .discovery-banner,body[data-page] .discovery-history span{border-radius:8px}
body[data-page] .page-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;padding:30px 24px;border:1px dashed #b5cdc3;border-radius:10px;background:#fffdf7;color:#4a656a;line-height:1.8;text-wrap:pretty}
body[data-page] .page-empty:before{content:"";display:block;flex-shrink:0;width:76px;height:76px;background:url('/assets/nailong-actions/04-head-tilt-128.png') center/contain no-repeat;transform:rotate(-5deg)}
body[data-page] .page-loading{border-radius:10px;background:#fffdf7;color:#4a656a;line-height:1.8}
body[data-page] .page-footer{border-top-width:3px}
.footer-quick a{padding-block:6px}

/* Forms and private-space surfaces follow the same warm, readable palette. */
.modal-wrap .modal{border-radius:14px;box-shadow:0 24px 80px #061d2e45,4px 4px 0 #62e5d2}
.modal-wrap .modal-close{min-width:44px;min-height:44px}
.modal-wrap .modal-intro{line-height:1.8}
.modal-wrap .field input:focus,.modal-wrap .field textarea:focus,.modal-wrap .field select:focus{border-color:#187b78;box-shadow:0 0 0 3px #57e9db35}
.modal-wrap .profile-stats{gap:12px}
.modal-wrap .honor{border-radius:10px;transition:border-color .18s,box-shadow .18s}
.modal-wrap .honor.earned{box-shadow:0 3px 12px #d3b9541c}
.modal-wrap .honor:hover{border-color:#2c847c}
.modal-wrap .neighbor-row{padding-block:12px}
.modal-wrap .badge-condition{border-radius:8px;line-height:1.8}

@media(min-width:761px){.shell.header-inner{width:min(1240px,calc(100% - 64px))}.header-inner .nav{margin-left:auto}.header-inner .header-actions{margin-left:0}}
@media(max-width:1050px) and (min-width:761px){body[data-page] .page-hero{gap:24px;padding-inline:28px}body[data-page] .hero-metrics{gap:18px}}
@media(max-width:760px){
  .page-header,.header-inner{gap:8px}
  .page-nav a,.nav a{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  body[data-page] .page-hero{margin-top:20px;padding:0 20px 20px;gap:0;min-height:0;box-shadow:4px 4px 0 #65ded3}
  body[data-page] .board-hero{box-shadow:4px 4px 0 #ff9e76}
  body[data-page] .nest-hero{box-shadow:4px 4px 0 #72e4d5}
  body[data-page] .page-hero>div:first-child{padding:28px 0 24px;width:100%}
  body[data-page] .page-hero h1{font-size:clamp(44px,13vw,72px);line-height:1.1;margin:18px 0;text-shadow:2px 2px 0 #fff}
  body[data-page] .page-hero p{font-size:14px;line-height:1.85}
  body[data-page] .hero-poster{min-height:250px;margin:0 4px 8px;box-shadow:6px 6px 0 var(--signal-yellow)}
  body[data-page] .hero-poster img{width:190px;max-width:68%}
  body[data-page] .hero-poster b{font-size:23px;right:14px;bottom:14px}
  body[data-page] .hero-metrics{gap:16px;margin-top:24px;flex-wrap:wrap}
  body[data-page] .hero-metrics span{padding-left:10px}
  body[data-page] .directory,body[data-page] .board-page-section,body[data-page] .nest-space{padding-block:48px}
  body[data-page] .section-topline h2{font-size:34px}
  body[data-page] .board-live{margin-top:18px}
  body[data-page] .page-empty{padding:28px 18px;min-height:210px;font-size:14px}
  body[data-page] .page-board-tabs button{min-height:46px}
  body[data-page] .campus-card{padding:12px 10px}
  body[data-page] .campus-card .card-overline{font-size:11px}
  body[data-page] .campus-card .community-link{min-height:44px}
  body[data-page] .page-entity strong{font-size:13px}
  body[data-page] .page-entity small{font-size:11px}
  .portal-grid{gap:12px}
  .portal-grid>a{border-radius:8px}
  html[data-route=home] .hero-main-art{width:min(270px,100%);right:50%;translate:50% 0;object-fit:contain}
  .modal-wrap .modal{box-shadow:0 14px 44px #061d2e45}
}
@media(hover:none){.portal-grid>a:hover,body[data-page] .campus-card:hover,body[data-page] .hero-poster:hover img{transform:none}}
/* The homepage trio uses one proportional stage, including at tablet widths.
   Reset legacy square image boxes so the original portraits keep their shape. */
html[data-route=home] .hero-art{
  width:100%;max-width:480px;min-height:0;height:auto;aspect-ratio:1.08;
  margin:0 auto;align-self:center;isolation:isolate;transform:rotate(2deg);
  border-radius:12px;box-shadow:10px 12px 0 #ffe765;
  background:radial-gradient(ellipse at 50% 30%,#31576b,transparent 70%),#122d42;
}
html[data-route=home] .hero-main-art,
html[data-route=home] .hero-friend{
  position:absolute;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;
  translate:none;animation:none;user-select:none;pointer-events:none;
  filter:drop-shadow(0 9px 8px #06162255);
}
html[data-route=home] .hero-main-art{
  width:56%;height:79%;left:23%;right:auto;top:3%;bottom:auto;
  transform:rotate(-4deg);z-index:1;
}
html[data-route=home] .hero-friend{width:40%;height:55%;top:auto;bottom:5%;z-index:2}
html[data-route=home] .friend-one{left:0;right:auto;transform:rotate(-9deg)}
html[data-route=home] .friend-two{left:auto;right:-1%;transform:rotate(8deg)}
html[data-route=home] .hero-art:before{width:86%;left:7%;top:5%;border-color:#7af2e445}
html[data-route=home] .hero-art:after{width:64%;left:18%;top:16%;border-color:#7af2e445}
@media(max-width:760px){
  html[data-route=home] .hero-art{max-width:380px;margin:24px auto 6px;box-shadow:6px 8px 0 #ffe765}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nav a,.page-nav a,.portal-grid>a,.portal-grid img,.primary,.quiet,.solid-button,.outline-button,.page-login,body[data-page] .campus-card,body[data-page] .campus-seal,body[data-page] .page-board-row,.modal-wrap .honor{transition:none}
  .portal-grid>a:hover,.portal-grid>a:hover img,body[data-page] .campus-card:hover,body[data-page] .campus-seal:hover,body[data-page] .hero-poster:hover img{transform:none}
}

/* Nest: a light editorial studio, scoped so the other pages keep their styling. */
body[data-page="nest"]{--nest-ink:#203b35;--nest-muted:#5c7067;--nest-line:#d9e1d5;background:#f7f7ee}
body[data-page="nest"] .page-kicker{font-size:10px;letter-spacing:.15em;color:#477365}
body[data-page="nest"] .nest-hero{grid-template-columns:1.1fr .9fr;gap:32px;margin-block:28px 0;padding:18px 44px;min-height:420px;background:#eaf4e8;border:1px solid #d1e1ce;border-radius:26px;box-shadow:none;overflow:hidden}
body[data-page="nest"] .nest-hero h1{color:var(--nest-ink);text-shadow:none;letter-spacing:-.055em}
body[data-page="nest"] .nest-hero p{font-size:15px;line-height:1.95;color:var(--nest-muted)}
body[data-page="nest"] .nest-actions{gap:12px;flex-wrap:wrap;margin-top:26px}
body[data-page="nest"] .solid-button,body[data-page="nest"] .outline-button{min-height:46px;padding:11px 20px;gap:16px;border:1px solid var(--nest-ink);border-radius:12px;box-shadow:none;font-size:14px;font-weight:750;transition:background .18s,color .18s,transform .18s}
body[data-page="nest"] .solid-button{background:var(--nest-ink);color:#fffef4}
body[data-page="nest"] .outline-button{background:#ffffff70;color:var(--nest-ink);border-color:#b1c9b7}
body[data-page="nest"] .solid-button:hover{background:#315c4c;transform:translateY(-1px)}
body[data-page="nest"] .outline-button:hover{background:#fffef4;color:var(--nest-ink)}
body[data-page="nest"] .nest-hero-caption{display:flex;align-items:center;gap:8px;margin-top:24px;color:#637666;font-size:11px}
body[data-page="nest"] .nest-hero-caption span{width:6px;height:6px;border-radius:50%;background:#c48536;flex-shrink:0}
body[data-page="nest"] .nest-poster{isolation:isolate;display:grid;place-items:center;min-height:360px;margin:0;background:transparent!important;box-shadow:none;transform:none;border:0;border-radius:0;overflow:visible}
body[data-page="nest"] .nest-poster:before{inset:12px 22px;border:1px dashed #abc4ad;border-radius:50%;transform:rotate(-18deg);opacity:.8;z-index:-1}
body[data-page="nest"] .nest-poster:after{inset:45px 10px;background:#e0ebbc;border:0;border-radius:49% 51% 37% 63% / 58% 39% 61% 42%;transform:rotate(-16deg);z-index:-1}
body[data-page="nest"] .nest-poster img{position:relative;width:min(82%,325px);max-width:none;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 14px 12px #425c4026);transition:transform .3s}
body[data-page="nest"] .nest-poster:hover img{transform:rotate(-3deg)}
body[data-page="nest"] .nest-poster>span{top:7px;left:14px;font-size:9px;letter-spacing:.16em;transform:rotate(-5deg);color:#61745d}
body[data-page="nest"] .nest-poster b{right:12px;bottom:0;padding:10px 16px;border:1px solid #dcce97;border-radius:6px;background:#fff4cb;color:#596444;font-size:13px;font-weight:700;transform:rotate(-4deg);box-shadow:0 3px 8px #4d614a0a}

body[data-page="nest"] .nest-space{padding-block:52px 0;background:none;border:0;scroll-margin-top:130px}
body[data-page="nest"] .section-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
body[data-page="nest"] .section-topline h2{margin:9px 0 0;color:var(--nest-ink);font-size:30px;line-height:1.25;letter-spacing:-.035em}
body[data-page="nest"] .section-topline>p{margin:0;max-width:30ch;font-size:12px;line-height:1.8;color:var(--nest-muted)}
body[data-page="nest"] .section-topline .page-kicker{color:#477365}
body[data-page="nest"] .nest-snapshot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:26px 28px;background:#eaf2e5;color:var(--nest-ink);border:1px solid #d5e1ce;border-radius:18px}
body[data-page="nest"] .nest-snapshot-copy{min-width:0;flex:1}
body[data-page="nest"] .nest-snapshot-copy strong{display:block;font-size:21px;line-height:1.45;overflow-wrap:anywhere}
body[data-page="nest"] .nest-snapshot-copy p{margin:6px 0 0;font-size:13px;line-height:1.75;color:var(--nest-muted)}
body[data-page="nest"] .nest-snapshot .page-kicker{display:block;margin-bottom:7px;color:#5e7659}
body[data-page="nest"] .nest-snapshot .solid-button{flex-shrink:0}
body[data-page="nest"] .nest-guest-copy{display:flex;align-items:center;gap:18px}
body[data-page="nest"] .nest-guest-copy>img{width:68px;height:68px;object-fit:contain;flex-shrink:0}
body[data-page="nest"] .nest-snapshot-identity{display:flex;align-items:center;gap:12px;min-width:0}
body[data-page="nest"] .nest-snapshot-identity>div{min-width:0}
body[data-page="nest"] .nest-snapshot-identity img{width:54px;height:54px;border:2px solid #fffef6;border-radius:50%;object-fit:cover;background:#fffef6;flex-shrink:0}
body[data-page="nest"] .nest-snapshot-identity strong{font-size:18px}
body[data-page="nest"] .nest-snapshot-stats{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:20px;flex-shrink:0}
body[data-page="nest"] .nest-snapshot-stats span{padding-left:16px;border-left:1px solid #c8d7c1}
body[data-page="nest"] .nest-snapshot-stats b{display:block;font-size:23px;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--nest-ink)}
body[data-page="nest"] .nest-snapshot-stats small{display:block;color:var(--nest-muted);font-size:11px;margin-top:4px}
body[data-page="nest"] .nest-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
body[data-page="nest"] .nest-feature{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px 24px 16px;border:1px solid var(--nest-line);border-radius:18px;background:#fffef9}
body[data-page="nest"] .nest-feature-symbol{display:grid;place-items:center;width:34px;height:34px;position:absolute;top:22px;right:22px;border-radius:10px;background:#eef4e5;color:#68854a;font-size:23px;line-height:1}
body[data-page="nest"] .nest-feature:nth-child(2) .nest-feature-symbol{background:#edf3f7;color:#4c7997}
body[data-page="nest"] .nest-feature:nth-child(3) .nest-feature-symbol{background:#fbefda;color:#a07834}
body[data-page="nest"] .nest-feature h3{margin:3px 46px 14px 0;color:var(--nest-ink);font-size:19px;font-weight:800;line-height:1.4}
body[data-page="nest"] .nest-feature p{margin:0 0 14px;color:var(--nest-muted);font-size:13px;line-height:1.9}
body[data-page="nest"] .nest-feature a,body[data-page="nest"] .nest-feature .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin-top:auto;padding:6px 0;border:0;background:transparent;color:#365d4f;font:inherit;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer}
body[data-page="nest"] .nest-feature a:hover,body[data-page="nest"] .nest-feature .text-link:hover{text-decoration:underline;text-underline-offset:5px}

/* Outbound directory: nine equal entries, no share controls or numeric ranking. */
body[data-page="nest"] .fun-site-directory{padding-block:60px 44px;scroll-margin-top:102px;border:0}
body[data-page="nest"] .fun-site-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
body[data-page="nest"] .fun-site-heading h2{display:flex;align-items:center;gap:16px;margin:10px 0 12px;font-size:clamp(32px,3vw,42px);line-height:1.2;letter-spacing:-.045em;color:var(--nest-ink)}
body[data-page="nest"] .fun-site-heading h2 span{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d2dca8;border-radius:50%;background:#e8efcb;font-size:23px;font-weight:400}
body[data-page="nest"] .fun-site-heading p{margin:0;color:var(--nest-muted);font-size:14px;line-height:1.8}
body[data-page="nest"] .fun-site-hint{padding-bottom:3px;color:#6c786b;font-size:11px;white-space:nowrap}
body[data-page="nest"] .fun-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
body[data-page="nest"] .fun-site-attribution{margin:24px 0 0;color:var(--nest-muted);font-size:13px;line-height:1.9;overflow-wrap:anywhere}
body[data-page="nest"] .fun-site-card{--site-tint:#e9f0d8;--site-mark:#567039;display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:15px;min-width:0;min-height:108px;padding:20px 24px;border:1px solid #d7ded1;border-radius:20px;background:#fffef9;color:var(--nest-ink);box-shadow:0 3px 0 #e5eadd;transition:transform .18s,box-shadow .18s,border-color .18s}
body[data-page="nest"] .fun-site-card:nth-child(3n+2){--site-tint:#faecd9;--site-mark:#9e6c38}
body[data-page="nest"] .fun-site-card:nth-child(3n){--site-tint:#e7eff3;--site-mark:#50778b}
body[data-page="nest"] .fun-site-card:hover,body[data-page="nest"] .fun-site-card:focus-within{border-color:#a9be9b;box-shadow:0 8px 18px #2f493410;transform:translateY(-3px)}
body[data-page="nest"] .fun-site-card-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #3443270c;border-radius:14px;background:var(--site-tint);color:var(--site-mark);font-size:28px;line-height:1}
body[data-page="nest"] .fun-site-card-copy{min-width:0}
body[data-page="nest"] .fun-site-card-copy strong{display:block;font-size:19px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
body[data-page="nest"] .fun-site-card-copy small{display:block;margin-top:7px;color:var(--nest-muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
body[data-page="nest"] .fun-site-card-actions{display:flex;justify-content:flex-end}
body[data-page="nest"] .fun-site-card-go{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:84px;min-height:44px;padding:9px 14px;border:1px solid #23372e;border-radius:999px;background:#283d32;color:#fffef6;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 2px 0 #16291d;transition:background .18s,color .18s,transform .18s}
body[data-page="nest"] .fun-site-card-go span{font-size:19px;line-height:1;transition:transform .18s}
body[data-page="nest"] .fun-site-card-go:hover{background:#e5edc4;color:#263c31}
body[data-page="nest"] .fun-site-card-go:hover span{transform:translateX(3px)}
body[data-page="nest"] .fun-site-card-go:active{transform:translateY(2px);box-shadow:none}
body[data-page="nest"] main a:focus-visible,body[data-page="nest"] main button:focus-visible{outline:3px solid #3b7b64;outline-offset:4px}
body[data-page="nest"] .nest-notes{padding-block:0 56px;gap:18px}
body[data-page="nest"] .nest-notes .note-card,body[data-page="nest"] .nest-notes .note-card.accent{padding:26px 28px;border:1px solid #d7dfd0;border-radius:18px;background:#eef2e6;color:var(--nest-ink)}
body[data-page="nest"] .nest-notes .note-card.accent{background:#f4efdf;border-color:#e2ddca}
body[data-page="nest"] .nest-notes .note-card h3{font-size:23px;margin:12px 0;line-height:1.4}
body[data-page="nest"] .nest-notes .note-card p,body[data-page="nest"] .nest-notes .note-card.accent p{color:var(--nest-muted);font-size:13px;line-height:1.9;margin:0}
body[data-page="nest"] .nest-notes .note-card .text-link,body[data-page="nest"] .nest-notes .note-card.accent .text-link{color:#365d4f;font-size:13px;font-weight:750;min-height:44px;display:inline-flex;align-items:center;margin-top:10px}
body[data-page="nest"] .nest-notes .text-link:hover{text-decoration:underline;text-underline-offset:5px}

@media(max-width:1100px){
  body[data-page="nest"] .nest-snapshot{flex-wrap:wrap}
  body[data-page="nest"] .nest-snapshot-copy{flex-basis:calc(100% - 200px)}
  body[data-page="nest"] .nest-snapshot-stats{order:3;width:100%;gap:16px;padding-top:18px;border-top:1px solid #cedcc5}
  body[data-page="nest"] .nest-snapshot-stats span:first-child{padding-left:0;border-left:0}
  body[data-page="nest"] .fun-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="nest"] .nest-hero{padding-inline:28px;gap:16px}
  body[data-page="nest"] .nest-poster{min-height:320px}
}
@media(max-width:760px){
  body[data-page="nest"] .nest-hero{padding:0 24px 24px;margin-top:18px;gap:0;border-radius:20px}
  body[data-page="nest"] .nest-hero>div:first-child{padding:28px 0 18px}
  body[data-page="nest"] .nest-hero p{font-size:14px}
  body[data-page="nest"] .nest-actions{flex-direction:row;gap:10px;margin-top:22px}
  body[data-page="nest"] .nest-actions>*{flex:1;padding-inline:10px;gap:7px;font-size:12px;white-space:nowrap}
  body[data-page="nest"] .nest-hero-caption{font-size:10px;margin-top:18px}
  body[data-page="nest"] .nest-poster{width:min(100%,340px);min-height:280px;align-self:center}
  body[data-page="nest"] .nest-poster img{width:240px;max-width:82%}
  body[data-page="nest"] .nest-poster:before{inset:5px 10px}
  body[data-page="nest"] .nest-poster:after{inset:20px 5px}
  body[data-page="nest"] .nest-poster>span{top:4px;font-size:8px}
  body[data-page="nest"] .nest-poster b{right:0;font-size:11px;padding:8px 12px}
  body[data-page="nest"] .nest-space{padding-block:36px 0}
  body[data-page="nest"] .section-topline{display:block;margin-bottom:18px}
  body[data-page="nest"] .section-topline h2{font-size:27px}
  body[data-page="nest"] .section-topline>p{margin-top:10px;max-width:none}
  body[data-page="nest"] .nest-snapshot{padding:22px 20px;gap:20px}
  body[data-page="nest"] .nest-snapshot-copy{flex-basis:100%}
  body[data-page="nest"] .nest-snapshot-copy strong{font-size:17px}
  body[data-page="nest"] .nest-guest-copy{align-items:flex-start;gap:12px}
  body[data-page="nest"] .nest-guest-copy>img{width:44px;height:52px}
  body[data-page="nest"] .nest-snapshot .solid-button,body[data-page="nest"] #nestRetry{width:100%}
  body[data-page="nest"] .nest-snapshot-stats{order:0;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-page="nest"] .nest-snapshot-stats span{padding-left:8px}
  body[data-page="nest"] .nest-snapshot-stats b{font-size:20px}
  body[data-page="nest"] .nest-snapshot-stats small{font-size:10px}
  body[data-page="nest"] .nest-feature-grid{grid-template-columns:1fr;gap:12px}
  body[data-page="nest"] .nest-feature{padding:22px 22px 12px}
  body[data-page="nest"] .nest-feature h3{font-size:18px;margin-bottom:10px}
  body[data-page="nest"] .nest-feature p{margin-bottom:7px}
  body[data-page="nest"] .fun-site-directory{padding-block:38px 30px;scroll-margin-top:140px}
  body[data-page="nest"] .fun-site-heading{display:block}
  body[data-page="nest"] .fun-site-heading h2{font-size:32px}
  body[data-page="nest"] .fun-site-hint{display:block;margin-top:10px}
  body[data-page="nest"] .fun-site-grid{gap:14px;margin-top:22px}
  body[data-page="nest"] .fun-site-card{padding:18px 20px;gap:12px;min-height:104px;border-radius:18px}
  body[data-page="nest"] .fun-site-card-copy strong{font-size:18px}
  body[data-page="nest"] .nest-notes{gap:14px;padding-bottom:40px}
  body[data-page="nest"] .nest-notes .note-card,body[data-page="nest"] .nest-notes .note-card.accent{padding:24px}
}
@media(max-width:600px){
  body[data-page="nest"] .fun-site-grid{grid-template-columns:minmax(0,1fr)}
  body[data-page="nest"] .fun-site-card{grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:10px;min-height:96px;padding:16px}
  body[data-page="nest"] .fun-site-card-mark{width:38px;height:38px;border-radius:12px;font-size:24px}
  body[data-page="nest"] .fun-site-card-copy strong{font-size:16px}
  body[data-page="nest"] .fun-site-card-copy small{font-size:11px;margin-top:5px}
  body[data-page="nest"] .fun-site-card-actions{grid-column:auto;padding:0;border:0}
  body[data-page="nest"] .fun-site-card-go{min-width:70px;padding-inline:12px;gap:10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="nest"] .nest-poster img,body[data-page="nest"] .solid-button,body[data-page="nest"] .outline-button,body[data-page="nest"] .fun-site-card,body[data-page="nest"] .fun-site-card-go,body[data-page="nest"] .fun-site-card-go span{transition:none}
  body[data-page="nest"] .nest-poster:hover img{transform:rotate(-7deg)}
  body[data-page="nest"] .solid-button:hover,body[data-page="nest"] .fun-site-card:hover,body[data-page="nest"] .fun-site-card:focus-within,body[data-page="nest"] .fun-site-card-go:hover span{transform:none}
}

body[data-page] .page-board-tabs,#boards .board-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){body[data-page] .page-board-tabs,#boards .board-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.modal .icon-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.modal .icon-card{min-width:0;padding:14px;border:1px solid #c5dad3;border-radius:6px;background:#fff}.modal .icon-card>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#edf5ef;border-radius:4px}.modal .icon-card h3{font-size:16px;overflow-wrap:anywhere;margin-top:12px}.modal .icon-card p{font-size:13px;color:#4c666c;overflow-wrap:anywhere}.modal .icon-card .quiet{width:100%;margin-top:12px;min-height:44px}
@media(max-width:760px){.modal .icon-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal .icon-card{padding:10px}}