/* Frayvo 1.4: a compact, readable board with the existing violet identity. */
:root{--paper:#f7f7f2;--ink:#272440;--muted:#666574;--line:#e4e3db;--purple:#5e4bc0}
.topbar{height:78px;padding:0 max(24px,4vw);gap:24px}.brand{font-size:32px}.topbar nav{font-size:12px;gap:24px}.free-pill{background:#eff5df;border-color:#dfe9c8;color:#42532b}
.layout{max-width:1510px;grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:30px 22px;border-right:1px solid var(--line)}.views{gap:6px}.view{min-height:45px}.location-box .micro{font-size:12px}.source-sidebar{font-size:12px}.side-note{background:#eae9f4;border-radius:16px;margin-top:26px}.side-note p{font-size:13px}
main{padding:28px 30px 0}.hero{min-height:248px;grid-template-columns:1.55fr 1fr;border-radius:22px;background:linear-gradient(120deg,#28243f,#373058)}.hero-copy{padding:31px 34px}.hero h1{font-size:clamp(33px,3.5vw,49px);line-height:1.05;letter-spacing:-1.8px;margin-bottom:15px}.hero-copy>p:not(.eyebrow):not(.hero-meta){font-size:13px;line-height:1.65;margin-bottom:18px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-meta{font-size:11px}.hero-art{min-height:245px;margin-left:0;transform:scale(.69);transform-origin:center center}.ticket{top:0;left:0}.mini-ticket{top:140px;left:155px}.orbit{top:-30px;left:-10px}.orbit-two{top:-100px;left:-85px}.s1{right:-10px;top:-30px}.s2{left:-30px;bottom:0}.button{font-size:13px;min-height:44px;border-radius:10px}.status:empty{min-height:18px}.status:not(:empty){font-size:12px;padding:12px 2px}.board-stats{margin:3px 0 27px;box-shadow:0 3px 0 #eeede6;border-radius:14px}.board-stats>div{padding:0}.board-stats button{background:none;border:0;width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;text-align:left;border-radius:14px}.board-stats button:hover{background:#f5f4fb}.board-stats strong{font-size:26px}.board-stats span{font-size:12px}
.heading-row{margin-bottom:16px}.heading-row h2{font-size:28px;letter-spacing:-.9px}.toolbar{gap:12px}.segments{padding:5px;background:#eae8f0}.category{font-size:12px;padding:11px 15px}.category b{border-radius:5px;background:#eeecf6;padding:2px 6px;margin-left:5px;font-weight:600}.toolbar input,.toolbar select{font-size:13px;padding:12px}.toolbar>label:last-child{max-width:155px}.refined-filters{gap:12px;justify-content:flex-start;margin:16px 0 12px}.refined-filters label{flex:1;max-width:275px;font-size:11px;font-weight:650;color:var(--muted)}.refined-filters select{font-size:13px;margin-top:5px}.refined-filters .text-button{margin-left:auto;font-size:12px;align-self:flex-end;margin-bottom:9px}
.platform-preferences{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 14px;font-size:12px;margin:13px 0}.platform-preferences summary{cursor:pointer;font-weight:650}.platform-preferences summary span{font-weight:400;color:var(--muted)}.platform-options{display:flex;gap:15px;flex-wrap:wrap;padding-top:12px}.platform-options label{font-size:12px}.platform-preferences .micro{margin:12px 0 0}.conditions-option{padding:13px 15px;border-radius:10px;background:#fffaf0;border:1px solid #e9dfc4}.conditions-option label{font-size:12px}.conditions-option p{font-size:11px;line-height:1.55;margin:7px 0 0}.quick-filters{gap:20px;margin:17px 0}.quick-filters label{font-size:12px}.coverage-note{font-size:12px;border:0;border-radius:8px;background:#eaeaf2;padding:11px 14px;margin:14px 0 18px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border-radius:16px;box-shadow:0 3px 0 #eeede6;transition:border-color .18s,box-shadow .18s}.card:hover{transform:none;border-color:#b6aed6;box-shadow:0 5px 14px #2724400a}.card-banner{height:65px;padding:12px 19px;background:#ece9f6}.card-art{font-size:31px;color:#7866ab}.card-type{font-size:10px;letter-spacing:1.1px;font-weight:750}.card-body{padding:19px}.badge{font-size:10px;background:#f0eff4;color:#625979;padding:4px 7px}.badge.method-badge{background:#edf2e6;color:#4d613b}.card h3{font-size:18px;line-height:1.35;letter-spacing:-.45px;margin:3px 0 10px}.card-summary{font-size:12px;line-height:1.7}.requirements{font-size:11px;line-height:1.5;padding:9px 11px;background:#fff5db;border-radius:8px;margin-bottom:11px}.deadline{font-size:11px;font-weight:650;color:#646176;margin-bottom:12px}.deadline.soon{color:#a14235}.card-meta{font-size:10px;line-height:1.5}.card .button{font-size:12px;margin-top:14px;min-height:42px}.card .text-button{font-size:11px;margin-top:5px}.card .micro{font-size:10px;margin-bottom:0}.card-actions{border-top:1px solid #efedf1;padding-top:13px;gap:9px}.card-actions button{font-size:11px;min-height:30px}.card-actions button:first-child{background:#f0eef9;border-radius:6px;padding:3px 7px}.card-actions button:hover{text-decoration:underline}.learn-strip{margin-top:42px;padding:27px;border-radius:16px;background:#ecefe3;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.learn-strip>div{flex:1;min-width:220px}.learn-strip h2{font-size:23px;margin:0 0 10px}.learn-strip p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:540px;margin:0}.learn-strip .eyebrow{font-size:9px;margin-bottom:10px}.learn-strip .button{font-size:12px;background:#ffffff80}.how-strip{margin-top:28px;gap:22px}.how-strip h3{font-size:16px}.how-strip p{font-size:12px}footer nav{font-size:11px}.source-strip p{font-size:12px}.source-strip>a{font-size:12px}.source-strip .health{font-size:11px}.entry-table th{font-size:12px}.entry-table td{font-size:13px}.entry-table .text-button{font-size:12px}.dialog-actions{flex-wrap:wrap}
.content-page{max-width:1130px;margin:0 auto;padding:42px 28px}.content-intro{max-width:780px;margin:16px 0 32px}.content-intro h1{font-size:clamp(32px,4.5vw,52px);line-height:1.1;letter-spacing:-1.9px}.content-intro p{font-size:16px;color:var(--muted)}.content-page .grid{margin:28px 0}.content-page .card h2{font-size:21px;letter-spacing:-.6px}.content-page .card p{font-size:13px}.content-page .card a:not(.button){color:var(--purple)}.content-page .eyebrow{color:var(--purple)}.guide-content{max-width:760px}.guide-content h2{font-size:25px;margin-top:32px}.guide-content p,.guide-content li{font-size:15px;line-height:1.85}.guide-content li{margin-bottom:7px}.guide-content details{padding:18px 0;border-bottom:1px solid var(--line)}.guide-content summary{cursor:pointer;font-weight:650}.guide-content details p{margin:14px 0 0}.crumbs{font-size:12px;color:var(--muted);margin-bottom:25px}.content-page footer{margin-top:40px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#eeedf5;border-radius:14px;padding:22px;margin:25px 0}.detail-facts dt{font-size:11px;color:var(--muted)}.detail-facts dd{margin:3px 0 0;font-size:15px;font-weight:600}.guide-callout{padding:20px 23px;background:#eeedf5;border-radius:14px;margin:24px 0}.guide-callout p:last-child{margin-bottom:0}
@media(max-width:1250px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.7fr 1fr}.hero-art{transform:scale(.57);transform-origin:left center}.hero-copy{padding:30px}.layout{grid-template-columns:195px minmax(0,1fr)}main{padding:25px}.sidebar{padding:28px 17px}.topbar nav{gap:18px}}
@media(max-width:850px){.layout{display:block}.sidebar{padding:17px 22px 0}.sidebar .eyebrow,.sidebar .side-note,.sidebar .source-sidebar{display:none}.views{gap:6px}.location-box{margin-top:11px}.hero{min-height:235px}.hero-copy{padding:26px}.hero h1{font-size:40px}.hero-art{transform:scale(.57)}main{padding:19px 22px 0}.topbar{padding:0 22px}.topbar nav a:first-child{display:none}.board-stats button{padding:15px 13px;gap:10px}.board-stats span{font-size:11px}.learn-strip{padding:23px}.content-page{padding:30px 22px}}
@media(max-width:550px){.topbar{height:68px}.brand{font-size:28px}.topbar nav{gap:9px}.topbar nav a{font-size:10px}.topbar nav a:nth-child(2){display:none}.sidebar{padding:15px 16px 0}.view{font-size:11px;min-height:43px;gap:5px;padding:8px 4px}.location-box>p:first-of-type{font-size:12px}main{padding:17px 16px 0}.hero{min-height:0;display:block}.hero-copy{padding:26px 23px}.hero h1{font-size:37px;max-width:320px;letter-spacing:-1.5px}.hero-copy>p:not(.eyebrow):not(.hero-meta){font-size:12px;max-width:310px}.hero-art{display:none}.hero-copy .eyebrow{font-size:8px}.hero .button{width:100%}.hero-meta{max-width:none;font-size:10px}.board-stats{margin-bottom:25px}.board-stats button{display:block;padding:11px 7px;text-align:center}.board-stats strong{display:block;font-size:25px}.board-stats span{font-size:10px;display:block}.heading-row h2{font-size:24px}.toolbar .segments{width:100%}.toolbar .search{min-width:140px}.toolbar>label:last-child{max-width:134px}.toolbar input,.toolbar select{font-size:12px}.refined-filters{flex-wrap:wrap;gap:10px}.refined-filters label{max-width:none;min-width:130px;flex:1}.refined-filters select{font-size:12px}.refined-filters .text-button{width:100%;margin:0;padding:2px 0}.grid{grid-template-columns:1fr}.card-banner{height:55px}.card h3{font-size:21px}.card-summary{font-size:13px}.card-actions button{font-size:12px}.card-meta{font-size:11px}.card .text-button{font-size:12px}.card .micro{font-size:11px}.conditions-option label{font-size:12px}.conditions-option p{font-size:11px}.platform-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coverage-note{font-size:11px}.learn-strip{padding:22px}.learn-strip .button{width:100%}.content-page{padding:28px 18px}.content-intro h1{font-size:37px}.content-intro p{font-size:15px}.detail-facts{grid-template-columns:1fr}.source-strip{display:block}.source-strip>a{display:inline-block;margin-top:10px}}

.source-explanation{font-size:.8rem;line-height:1.5;color:var(--muted);flex-basis:100%;margin:0 0 .8rem}.source-explanation:last-child{margin-bottom:0}

.extra-options{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line,#dedbe7);border-radius:10px;margin:12px 0;background:#fff}.extra-options label{display:flex;align-items:center;gap:6px;font-size:13px}.extra-options strong{font-size:13px}.extra-options p{flex-basis:100%;margin:0}.extra-options input{accent-color:#6b54dc}