.studio-page [hidden]{display:none!important}.studio-page{--accent:#7462ff}.studio-page .hero{min-height:286px;background-position:center 53%}.studio-page .hero header{height:64px;padding:14px 32px}.studio-page .search{height:36px;width:46%;max-width:575px}.studio-page .hero-copy{margin:0 0 18px 32px;max-width:760px;width:60%;padding:0}.studio-page h1{font-size:34px;line-height:1.4;letter-spacing:1px}.studio-page .hero-copy>p{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;color:#e5eafa;font-size:17px;margin:2px 0 13px;line-height:1.6}.inquiry-form{display:flex;align-items:center;height:48px;background:#fafbff;color:#8a96ad;border:1px solid #dde5f5;border-radius:6px;box-shadow:0 3px 15px #07142c18;padding:4px 6px;gap:10px}.inquiry-form input{background:none;border:0;outline:0;min-width:0;flex:1;font-size:12px;color:#25344d}.inquiry-form input::placeholder{color:#a0abc0}.inquiry-form>button:first-child{border-right:1px solid #dce2ef;padding:0 9px}.inquiry-form .primary{height:36px;width:36px;display:grid;place-items:center;border-radius:50%!important}.studio-shortcuts{display:flex;gap:12px;margin-top:12px}.studio-shortcuts button{height:38px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #8fabdf40;background:#24395966;backdrop-filter:blur(8px);border-radius:5px;color:#e5ecff;font-size:11px;min-width:135px}.studio-shortcuts .icon{width:17px;height:17px}.studio-page .sidebar{padding-left:18px;padding-right:18px}.studio-page .sidebar-head{margin-bottom:22px}.studio-page nav{gap:10px}.studio-page nav button{height:42px;font-size:13px;padding:0 12px;gap:12px}.core-badge{margin-left:auto;background:#8054fa;color:#fff;padding:1px 5px;border-radius:4px;font-size:9px;white-space:nowrap}.studio-page .spaces{margin:24px 10px 0;padding-top:19px}.studio-page #spaces button{min-height:43px;font-size:12px}.studio-page .side-quote{display:block!important;margin-top:auto;text-align:center;font-family:inherit;font-size:11px;line-height:1.9;padding-top:22px}.studio-page .side-bottom{margin-top:6px!important;padding:12px 8px 0;letter-spacing:0;font-size:12px}.side-bottom button{display:flex;gap:12px;align-items:center}.side-bottom button .icon{width:17px;height:17px}.side-bottom button span{float:none}.studio-page .sidebar-toggle{position:absolute;right:12px;bottom:12px}.studio-page .sidebar-head .brand{font-size:23px}.studio-page.sidebar-collapsed .core-badge,.studio-page.sidebar-collapsed .side-quote{display:none!important}.studio-page.sidebar-collapsed .sidebar-head .sidebar-toggle{position:absolute;bottom:12px;right:24px}.studio-page.sidebar-collapsed .side-bottom{display:block}.studio-page.sidebar-collapsed .side-bottom .nav-label{display:none}.studio-page.sidebar-collapsed .sidebar-head{margin-bottom:30px}.studio-page.sidebar-collapsed .sidebar nav{gap:10px}.studio-workspace{padding:16px;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr);gap:14px;max-width:1800px;margin:auto}.studio-left,.studio-right,.studio-full{min-width:0;display:flex;flex-direction:column;gap:14px}.studio-full{grid-column:1/-1}.studio-panel{padding:15px 17px;background:var(--paper);border:1px solid #e7edf8;border-radius:5px;min-width:0}.studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.studio-section-head h2{font-size:16px;margin:0;line-height:1.4;white-space:nowrap}.studio-section-head h2 small{font-size:12px;color:#8492ac;font-weight:400}.studio-section-head>button{font-size:10px;color:#8b92b0;display:flex;align-items:center;gap:6px}.studio-section-head>.primary{padding:6px 12px}.studio-section-head .icon{width:14px;height:14px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-card{border:1px solid #e7edf9;border-radius:5px;padding:12px;display:flex;gap:10px;background:linear-gradient(130deg,var(--paper),var(--bg));min-width:0}.question-main{min-width:0;flex:1}.topic-tag{font-size:10px;color:#7c6fc8;display:inline-flex;align-items:center;gap:7px;background:#f0edff;padding:3px 7px;border-radius:4px}.topic-tag .icon{width:17px;height:17px}.topic-tag.rose{color:#da687a;background:#fff0f2}.question-card h3{font-size:14px;line-height:1.55;margin:8px 0 6px}.question-count{font-size:10px;color:#8190ad;display:flex;align-items:center;gap:4px}.question-count .icon{width:13px;height:13px}.question-step{display:flex;gap:8px;align-items:flex-start;margin-top:12px;color:#8391ad}.question-step>span{background:#edf3ff;border-radius:50%;padding:5px;display:flex;color:#7384e6}.question-step .icon{width:14px;height:14px}.question-step p{font-size:10px;line-height:1.6;margin:0}.question-step b{font-weight:400}.card-actions{display:flex;justify-content:flex-end;margin-top:12px}.card-actions button{padding:6px 13px;font-size:10px;display:flex;align-items:center;gap:10px}.card-actions .icon{width:14px;height:14px}.question-art{width:94px;flex-shrink:0;align-self:center;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#439cdf88,transparent 60%),linear-gradient(140deg,#102641,#204982 65%,#0b1d38);color:#9eeaff;box-shadow:inset 0 0 30px #8bcaff20}.question-art>.icon{height:60px;width:60px;stroke-width:1;filter:drop-shadow(0 0 8px #6be3ff)}.question-art span{font-size:9px;letter-spacing:1px}.question-art.family{background:linear-gradient(160deg,#a6b5d9,#efc9af 50%,#89747b);color:#fff1dc}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.document-item{display:flex;align-items:center;gap:10px;border:1px solid #e8edf8;background:linear-gradient(110deg,var(--paper),var(--bg));border-radius:4px;padding:10px 12px;text-align:left;min-width:0}.document-icon{width:33px;height:38px;flex-shrink:0;background:linear-gradient(140deg,#92a3ff,#685eff);color:white;border-radius:4px;display:grid;place-items:center}.document-item:nth-child(4n+1) .document-icon{background:linear-gradient(140deg,#ff8b87,#ec565f)}.document-item:nth-child(4n) .document-icon{background:linear-gradient(140deg,#70dbc1,#29b09b)}.document-item b{display:block;font-size:11px;font-weight:600}.document-item small{display:block;font-size:10px;color:#8b99b6;margin-top:4px}.private-label{font-size:9px;white-space:nowrap;color:#9aa6bb;margin-left:auto}.draft-badge{font-size:9px;color:#4daf9d;background:#e3f8f0;padding:3px 8px;border-radius:4px}.writing-draft{border:1px solid #e7edfa;background:linear-gradient(125deg,var(--paper),var(--bg));padding:13px;border-radius:5px}.writing-draft h3{font-size:15px;line-height:1.5;margin:0 0 4px;display:flex;gap:10px}.writing-draft h3 .icon{color:#7864ff;flex-shrink:0}.writing-draft>small{color:#96a2bd;font-size:10px}.writing-draft p{font-size:11px;color:#8190ad;line-height:1.8;max-height:95px;overflow:hidden;margin:14px 0}.writing-actions{display:flex;gap:8px;justify-content:flex-end}.writing-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;height:32px;border:1px solid #dce4f4;border-radius:4px}.writing-actions .icon{width:14px;height:14px}.draft-formats{display:flex;gap:7px;margin-top:7px}.draft-formats button{min-width:0;flex:1;font-size:9px;display:flex;gap:5px;align-items:center;border:1px solid #e9edf6;padding:7px;border-radius:4px;color:#7d8aa9}.draft-formats .icon{width:15px;height:15px;color:#52bda8}.video-preview{position:relative;display:block;width:100%;overflow:hidden;border-radius:4px}.video-preview img{display:block;width:100%;aspect-ratio:2.4;object-fit:cover}.video-preview>span{position:absolute;inset:0;display:grid;place-items:center;background:#0b17351c}.video-preview>span .icon{background:#182b45bf;color:white;border:2px solid white;border-radius:50%;height:42px;width:42px;padding:9px}.video-preview>small{position:absolute;bottom:6px;right:7px;color:white;background:#152038d9;font-size:10px;padding:2px 5px}.studio-video h3{font-size:12px;margin:8px 0 3px}.studio-video p{font-size:10px;color:#8d9ab4;margin:0}.studio-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-book{display:flex;gap:12px;text-align:left;min-width:0;padding:8px;border:1px solid #edf0f7;border-radius:4px}.library-book .cover{width:70px;height:107px;flex-shrink:0;padding:7px 5px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.library-book .cover small{font-size:4px}.library-book .cover strong{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:12px;text-align:center;margin:7px 0}.library-book .art{flex:1;min-height:0;display:flex}.library-book .art svg{height:55px;max-width:60px}.library-book>span{min-width:0}.library-book>span b{display:block;font-size:12px;margin-top:4px}.library-book>span small{font-size:10px;color:#8a98b0;display:block;margin-top:5px}.library-book p{font-size:10px;color:#8a98b0;line-height:1.7}.studio-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.studio-dialog-actions button{padding:8px 15px;font-size:12px}.studio-empty{color:#8792a7;font-size:12px}.document-content{white-space:pre-wrap}.studio-page.dark .studio-panel,.studio-page.dark .question-card,.studio-page.dark .writing-draft,.studio-page.dark .document-item{border-color:var(--line)}
@media(min-width:1650px){.studio-page .hero{min-height:300px}.studio-page .hero-copy{max-width:830px}.studio-page h1{font-size:38px}.studio-page .hero header{height:68px}.studio-workspace{padding:18px;gap:16px}.studio-panel{padding:16px 18px}.question-card{padding:14px}.question-card h3{font-size:15px}.question-step p{font-size:11px}.question-art{width:105px;height:150px}.document-item b{font-size:12px}.writing-draft p{font-size:12px}.studio-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.studio-workspace{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);padding:12px;gap:12px}.question-art{display:none}.studio-panel{padding:13px}.question-card{padding:10px}.private-label{display:none}.studio-library{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-page .hero-copy{width:70%}.studio-page .hero-copy>p{font-size:14px}.studio-page h1{font-size:29px}.draft-formats button{font-size:8px;padding:6px 4px}}
@media(max-width:1000px){.studio-page .sidebar-head .brand>span{display:block}.studio-page.sidebar-collapsed .sidebar-head .brand>span{display:none}.studio-page .sidebar-toggle{right:12px}.studio-page.sidebar-collapsed .sidebar-head .sidebar-toggle{right:24px}.studio-page .hero-copy{width:76%}.studio-page .hero{min-height:270px}.studio-page .hero header{height:63px;padding:14px 22px}.studio-page .hero-copy{margin-left:22px}.studio-page .search{width:65%}.studio-section-head h2{font-size:14px}.studio-workspace{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.document-grid{grid-template-columns:1fr}}
@media(max-width:760px){.studio-workspace{grid-template-columns:1fr}.studio-right{display:grid;grid-template-columns:1fr 1fr;align-items:start}.studio-page .hero-copy{width:calc(100% - 40px)}.studio-page .hero:before{background:linear-gradient(90deg,#091526e8,#10203999 70%,#10203955)}.studio-page .hero{min-height:270px}.studio-page .hero-copy>p{font-size:13px}.studio-page h1{font-size:27px}.document-grid{grid-template-columns:1fr 1fr}.studio-library{grid-template-columns:repeat(3,minmax(0,1fr))}.library-book{flex-direction:column}.library-book .cover{width:70px}.studio-page .studio-shortcuts button{padding:0 12px;min-width:0;flex:1}.studio-page .sidebar .side-quote{display:none!important}}
@media(max-width:500px){.studio-page .hero header{padding:12px 15px;height:57px}.studio-page .hero-copy{margin:0 15px 16px;width:calc(100% - 30px);max-width:none}.studio-page h1{font-size:24px;letter-spacing:0;line-height:1.5}.studio-page .hero-copy>p{font-size:11px;margin-bottom:13px}.inquiry-form{height:45px;gap:3px}.inquiry-form input{font-size:10px}.inquiry-form .primary{width:31px;height:31px}.studio-shortcuts{gap:6px}.studio-shortcuts button{font-size:9px;gap:5px}.studio-shortcuts .icon{width:14px;height:14px}.studio-page .hero{min-height:245px}.studio-page.sidebar-collapsed .sidebar-head .sidebar-toggle{right:15px}.studio-page.sidebar-collapsed .side-bottom{padding-left:2px}.studio-workspace{padding:10px;gap:10px}.question-grid,.document-grid{grid-template-columns:1fr}.question-art{display:flex;width:76px;height:128px}.question-card h3{font-size:13px}.studio-right{display:flex}.studio-section-head h2{font-size:13px}.studio-section-head h2 small{font-size:9px}.studio-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-book{gap:5px}.studio-page .sidebar-head .brand{font-size:23px}.studio-page .inquiry-form input{width:0}.studio-page .search{width:auto}.studio-page .search input{font-size:10px}.studio-page .search kbd{display:none}.question-step{margin-top:10px}.studio-page .studio-full{gap:10px}}
@media(min-width:1001px){.question-card h3{font-size:15px}.question-count,.question-step p{font-size:11px}.document-item b{font-size:12px}.document-item small{font-size:11px}.writing-draft p{font-size:12px}.card-actions button,.writing-actions button{font-size:11px}.studio-page .hero{background-position:center 63%}}
/* Full-width home, with one shared navigation bar. */
.studio-page .sidebar,.studio-page .sidebar-scrim{display:none!important}
body.studio-page main,body.studio-page.sidebar-collapsed main{margin-left:0!important}
.studio-page .hero{min-height:318px;background-color:#0d192b;background-size:auto 145%;background-position:right 55%;background-repeat:no-repeat}
.studio-page .hero:before{background:linear-gradient(90deg,#0a1629 0%,#0a1629ed 28%,#0a1629a8 45%,transparent 67%)}
.studio-page .hero header{height:75px;padding:12px 38px;border-bottom:1px solid #b4c5ed1c;gap:25px;position:relative;background:#13203938}
.studio-page .hero header .brand{margin:0;min-width:180px;font-size:24px;gap:11px;flex-shrink:0}
.studio-page .hero header .brand small{font-size:10px;letter-spacing:0;margin-top:4px;white-space:nowrap}
.studio-page .hero header .brand .mark{width:39px;height:39px}
.studio-page #nav{display:flex;align-items:center;gap:9px;flex-shrink:0}
.studio-page #nav button{width:auto;height:44px;padding:0 17px;gap:10px;font-size:14px;white-space:nowrap;background:transparent;box-shadow:none}

.studio-page #nav button .icon{width:23px;height:23px}.studio-page #nav .core-badge{display:none}
.studio-page .hero header .search{margin-left:auto;margin-right:0;max-width:280px;flex:1;width:auto;background:#12213b88;height:40px}
.studio-page .search kbd{display:none}
.studio-page .account{gap:13px;color:#eef1ff;flex-shrink:0}.studio-page .account>div:not(.avatar),.studio-page .account>span{display:none}
.studio-page .hero-copy{margin:16px 0 15px 5%;max-width:800px;width:53%}
.studio-page h1{font-size:38px;line-height:1.4;letter-spacing:2px}
.studio-page .hero-copy>p{font-size:17px;margin:1px 0 13px;letter-spacing:1px}
.studio-page .inquiry-form{height:49px}.studio-page .inquiry-form input{font-size:13px}
.studio-page .studio-shortcuts{margin-top:11px;gap:13px}.studio-page .studio-shortcuts button{min-width:153px;height:40px;font-size:12px}
.studio-workspace{max-width:1800px;padding:13px 36px 22px;grid-template-columns:minmax(0,2.4fr) minmax(330px,1fr);gap:12px 16px;align-items:stretch}
.studio-workspace>.recent-panel{grid-column:1/-1}
.studio-workspace>.studio-left,.studio-workspace>.studio-right{min-width:0}
.studio-panel{padding:14px 17px}.studio-section-head{margin-bottom:10px}.studio-section-head h2{font-size:20px}.studio-section-head h2 small{font-size:12px;margin-left:10px}
.topic-filters{display:flex;gap:9px;margin-bottom:11px;flex-wrap:wrap}.topic-filters button{padding:4px 18px;border:1px solid #e4eaf6;background:#f4f7fb;border-radius:4px;font-size:11px;color:#667795}.topic-filters button.active{background:linear-gradient(100deg,#7972ff,#5947ff);border-color:#7b74ff;color:white}
.question-card{padding:11px 13px}.question-card h3{font-size:16px}.question-step p{font-size:11px}.question-art{width:108px;height:151px}.question-count{font-size:11px}.card-actions{margin-top:10px}.card-actions button{font-size:11px;height:32px}
.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-item:nth-child(n+4){display:none}.document-item b{font-size:12px}.document-item small{font-size:11px}
.writing-draft p{font-size:12px;line-height:1.75;max-height:105px}.writing-panel{display:flex;flex-direction:column}.writing-draft{flex:1}.writing-draft h3{font-size:15px}.writing-actions{margin-top:12px}.writing-actions button{height:36px;font-size:12px}.draft-formats button{font-size:10px}.studio-video .studio-section-head h2{font-size:15px}.video-preview img{aspect-ratio:2.25}
.studio-library{grid-template-columns:repeat(3,minmax(0,1fr))}.library-book:nth-child(n+4){display:none}.studio-full .library-book{display:flex}.library-book .cover{width:78px;height:119px}.library-book>span b{font-size:14px}.library-book>span small,.library-book p{font-size:11px}
@media(min-width:1800px){.studio-page .hero{min-height:340px;background-size:auto 155%}.studio-page .hero-copy{margin-left:5%;max-width:900px}.studio-page h1{font-size:42px}.studio-workspace{padding-top:16px}.question-art{height:160px;width:115px}}
@media(max-width:1250px){.studio-page .hero header{padding:12px 24px;gap:13px}.studio-page .hero header .brand{min-width:150px;font-size:22px}.studio-page #nav button{padding:0 10px;font-size:12px;gap:7px}.studio-page #nav button .icon{width:19px;height:19px}.studio-page #nav{gap:4px}.studio-page .hero header .search{max-width:220px}.studio-page .hero header .brand small{font-size:9px}.studio-page .hero{background-size:auto 135%;min-height:310px}.studio-page h1{font-size:33px}.studio-page .hero-copy>p{font-size:14px}.studio-workspace{padding:12px 20px;grid-template-columns:minmax(0,2fr) minmax(285px,1fr)}.studio-section-head h2{font-size:17px}.studio-section-head h2 small{font-size:10px;margin-left:5px}.question-art{width:80px;height:133px}.question-card h3{font-size:14px}.question-step p{font-size:10px}.topic-filters{gap:6px}.topic-filters button{padding:3px 12px}.library-book{gap:8px}.library-book .cover{width:61px;height:99px}.library-book>span b{font-size:12px}.studio-page .studio-shortcuts button{min-width:130px}}
@media(max-width:1000px){.studio-page .hero header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 20px;gap:10px}.studio-page .hero header .brand{min-width:140px}.studio-page #nav{order:3;flex:1 0 100%;justify-content:flex-start}.studio-page #nav button{height:36px;flex:1;justify-content:center}.studio-page #nav .nav-label{display:inline}.studio-page .hero header .search{max-width:300px;margin-left:auto}.studio-page .account{gap:7px}.studio-page .hero-copy{margin:18px 0 17px 4%;width:64%}.studio-page .hero{min-height:350px;background-size:auto 110%}.studio-workspace{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);padding:12px 15px;gap:12px}.question-art{display:none}.document-grid{gap:8px}.private-label{display:none}.document-item{padding:9px}.studio-library{grid-template-columns:repeat(3,minmax(0,1fr))}.library-book{flex-direction:column}.studio-section-head h2 small{display:none}.studio-page .studio-shortcuts button{padding:0 15px}}
@media(max-width:760px){.studio-workspace{grid-template-columns:1fr}.studio-workspace>.recent-panel{grid-column:auto}.studio-workspace>.writing-panel{grid-row:auto}.question-art{display:flex}.document-grid{grid-template-columns:1fr 1fr}.document-item:nth-child(3){display:none}.studio-library{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-page .hero{background-size:auto 100%;background-position:right center}.studio-page .hero:before{background:linear-gradient(90deg,#0a1629f5,#0a1629b8 62%,#0a16294d)}.studio-page .hero-copy{width:90%;max-width:none}.studio-page .hero-copy>p{font-size:14px}.studio-page h1{font-size:32px}.studio-page .hero header .brand{font-size:21px}.studio-page .hero header .brand .mark{width:32px;height:34px}.studio-page .hero header .brand small{font-size:8px}.studio-page .account .avatar{display:grid;width:30px;height:30px;font-size:10px}.studio-page .hero header .search{max-width:230px;min-width:100px}.studio-page .search input{font-size:10px}.studio-page .account #notifications{display:grid}.studio-page .studio-shortcuts{gap:8px}.studio-page .studio-shortcuts button{min-width:0;padding:0 13px}.studio-page #nav button{font-size:12px}.studio-page .studio-section-head h2{font-size:18px}.studio-page .library-book>span b{font-size:13px}}
@media(max-width:500px){.studio-page .hero header{padding:10px 13px;gap:9px}.studio-page .hero header .brand{min-width:120px;font-size:20px;gap:7px}.studio-page .hero header .search{flex:1;max-width:none;padding:0 8px;gap:6px;height:33px}.studio-page .hero header .search .icon{width:15px;height:15px}.studio-page .account{gap:0}.studio-page .account #notifications,.studio-page .account .avatar{display:none}.studio-page .account>button{width:24px}.studio-page #nav button{padding:0 6px;font-size:11px;gap:5px}.studio-page #nav button .icon{height:17px;width:17px}.studio-page .hero-copy{margin:16px 15px 18px;width:calc(100% - 30px)}.studio-page h1{font-size:27px;letter-spacing:0}.studio-page .hero-copy>p{font-size:12px;letter-spacing:0}.studio-page .hero{min-height:337px;background-position:75% center}.studio-page .inquiry-form input{font-size:10px}.studio-page .studio-shortcuts button{font-size:10px;padding:0 8px}.studio-workspace{padding:10px;gap:10px}.studio-panel{padding:12px}.document-grid{grid-template-columns:1fr}.document-item:nth-child(3){display:flex}.studio-library{grid-template-columns:repeat(2,minmax(0,1fr))}.library-book:nth-child(3){display:none}.studio-full .library-book{display:flex}.question-grid{grid-template-columns:1fr}.topic-filters{gap:5px}.topic-filters button{font-size:10px;padding:4px 10px}.question-art{width:84px}.question-card h3{font-size:14px}.studio-page .studio-section-head h2{font-size:17px}}
.studio-page .hero header .brand>span{display:block!important}
@media(max-width:500px){.studio-page .hero{background-position:55% center}}

/* One primary entry, with plain explanatory text beneath it. */
.studio-page .hero header .search[hidden]{display:none}
.studio-page .account{margin-left:auto}
.studio-page .hero-copy>.inquiry-help{margin:10px 0 0;font-size:12px;line-height:1.6;letter-spacing:0;color:#b8c5db;cursor:default}
@media(max-width:500px){.studio-page .hero-copy>.inquiry-help{font-size:11px}}

.studio-page .inquiry-form{border-radius:12px}
.studio-page .inquiry-form>button:first-child{color:#667898}

/* Compact panoramic hero keeps the main workspace above the fold. */
.studio-page .hero{min-height:260px;background-size:cover;background-position:right center}
.studio-page .hero header{height:66px}
.studio-page .hero-copy{margin:14px 0 22px 5%}
.studio-page h1{font-size:34px}
.studio-page .hero-copy>p{font-size:15px;margin-bottom:12px}
@media(max-width:1000px){.studio-page .hero{min-height:280px}.studio-page .hero header{height:auto;min-height:66px}}
@media(max-width:500px){.studio-page .hero{min-height:270px}.studio-page h1{font-size:27px}.studio-page .hero-copy{margin:14px 15px 20px}.studio-page .hero-copy>p{font-size:12px}}

.studio-page .hero{background-image:url("assets/hero-day-clean-20261019.webp")}
/* The private study has its own content hierarchy below the shared navigation. */
.studio-page.private-view .hero{min-height:0;background:#101e35}.private-view .hero:before,.private-view .hero-copy{display:none}.private-view .hero header{background:linear-gradient(110deg,#0e1b32,#1a2941);height:70px;min-height:70px}.private-view .studio-workspace{display:block;padding-top:17px}.private-page{width:100%}.private-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 4px 17px}.private-title>div{display:flex;gap:18px;align-items:baseline}.private-title h1{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:34px;letter-spacing:1px;white-space:nowrap;color:var(--ink);display:flex;align-items:center;gap:15px;line-height:1.5}.private-title h1 .icon{color:#7561ff;width:34px;height:34px}.private-title p{font-size:13px;color:#7587a6;margin:0}.private-title>button{padding:12px 24px;display:flex;align-items:center;gap:9px;font-size:13px}.private-command{display:flex;gap:12px;align-items:center;margin-bottom:16px}.private-command form{flex:1;min-width:0;display:flex;align-items:center;gap:12px;height:54px;background:var(--paper);border:1px solid #e1e8f7;border-radius:5px;padding:5px 8px;box-shadow:0 3px 12px #657aff0d}.private-orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d5f5ff,#91b7f8 65%,#7a70e1);color:#273e78;display:grid;place-items:center;font-size:24px;box-shadow:0 0 11px #8d8bff65;flex-shrink:0}.private-command input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:13px;color:var(--ink)}.private-command input::placeholder{color:#8a9bbc}.private-command form button{width:36px;height:36px;border-radius:50%!important;display:grid;place-items:center}.private-command>button{height:49px;border:1px solid #e3eaf8;background:var(--paper);border-radius:5px;padding:0 22px;font-size:12px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#455b85}.private-command>button .icon{width:21px;height:21px}.private-topics{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}.private-topics button{font-size:12px;border:1px solid #e3eaf8;border-radius:4px;background:#f3f6fb;padding:7px 20px;color:#5b6f96}.private-topics button.active{background:linear-gradient(110deg,#7b77ff,#5540fc);color:#fff;border-color:#7567ff}.private-topics button:last-child{color:#6c5aff;background:#f8f9ff}.private-overview{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(310px,1fr);gap:14px;margin-bottom:14px}.private-topic-panel>.studio-section-head{border-bottom:1px solid #edf0f7;padding-bottom:12px;margin-bottom:10px}.private-topic-panel .studio-section-head h2{display:flex;align-items:center;gap:12px;font-size:22px}.private-topic-panel .studio-section-head h2 .icon{color:#ee6479;width:23px;height:23px}.private-topic-panel .studio-section-head>span{font-size:11px;color:#8291ae;margin-right:auto}.private-exploring{display:flex;align-items:center;gap:17px;margin:0 0 10px}.private-exploring h3{font-size:15px;margin:0}.private-exploring>span{font-size:11px;color:#8896b0}.private-topic-panel .question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-topic-panel .question-card:only-child{grid-column:1/-1;max-width:none}.private-topic-panel .question-card:only-child .question-art{margin-left:auto;width:120px}.private-topic-panel .question-card:only-child .question-main{max-width:650px}.private-topic-panel .question-card h3{font-size:16px}.private-topic-panel .question-step p{font-size:12px}.private-topic-panel .question-art{height:140px}.private-overview .writing-draft p{font-size:13px;max-height:110px}.private-overview .writing-panel .studio-section-head h2{font-size:20px}.private-bottom{display:grid;grid-template-columns:minmax(0,4fr) minmax(230px,1fr);gap:14px;align-items:start}.private-content .studio-section-head h2{display:flex;align-items:center;gap:10px;white-space:nowrap}.private-content .studio-section-head h2 .icon{color:#7561ff;width:25px;height:25px}.private-content .studio-section-head>small{color:#8b99b4;font-size:11px;margin-right:auto}.private-content-search{min-width:0}.private-content #private-content-search{border:1px solid #e3e9f5;background:var(--bg);height:32px;border-radius:4px;width:210px;max-width:35%;padding:0 10px;color:var(--ink);font-size:11px}.private-content-tabs{display:flex;gap:22px;border-bottom:1px solid #e6ecf7;margin-bottom:0}.private-content-tabs button{border-radius:0;font-size:12px;color:#7a8aa8;padding:8px 12px;border-bottom:2px solid transparent}.private-content-tabs button.active{color:#6e58ff;border-color:#7563ff}.private-table-wrap{overflow-x:auto}.private-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.private-table th{text-align:left;background:var(--bg);font-weight:500;color:#6b7f9e;padding:9px 10px}.private-table td{border-bottom:1px solid #e9eef8;padding:8px 10px;color:#7a8dab}.private-table td:first-child{color:var(--ink);font-weight:500}.table-title{display:flex;align-items:center;gap:12px}.table-title .icon{color:#7482ec;width:18px;height:18px}.private-table td button{padding:4px 12px;color:#7360f5;background:#f0efff;border-radius:3px;font-size:10px}.private-table-note{font-size:10px;color:#93a0b7;margin:9px 0 0}.private-advice{background:linear-gradient(140deg,var(--paper),var(--bg));padding:18px}.private-advice h3{font-size:16px;margin:0 0 5px}.private-advice>small{font-size:11px;color:#8797b1}.private-advice blockquote{margin:17px 0 10px;background:var(--paper);padding:13px;font-size:12px;line-height:1.8;border:1px solid #e6ebf7;border-radius:4px;color:#4c6188}.private-advice p{font-size:12px;color:#7f90b0;line-height:1.85}.private-advice>button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid #bfc7ff;border-radius:4px;color:#7260ff;height:40px;font-size:12px;margin-top:17px}.private-empty{font-size:12px;color:#8796b0;padding:20px}.private-empty button{color:#7461f6;display:block;margin-top:10px}
@media(max-width:1100px){.private-title>div{display:block}.private-title h1{font-size:30px}.private-title p{font-size:12px}.private-command>button{padding:0 13px;font-size:11px}.private-command input{font-size:11px}.private-overview{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}.private-content .studio-section-head>small{display:none}.private-bottom{grid-template-columns:minmax(0,3fr) minmax(220px,1fr)}.private-topic-panel .question-grid{grid-template-columns:1fr}.private-topic-panel .question-card:only-child .question-art{width:90px}}
@media(max-width:760px){.private-title h1{font-size:27px}.private-title>button{padding:10px 13px;font-size:11px}.private-title p{font-size:11px}.private-command{flex-wrap:wrap;gap:8px}.private-command form{flex:1 0 100%}.private-command>button{flex:1;justify-content:center;height:38px}.private-topics{gap:6px}.private-topics button{font-size:11px;padding:6px 12px}.private-overview,.private-bottom{grid-template-columns:1fr}.private-content #private-content-search{max-width:40%;width:170px}.private-content .studio-section-head h2{font-size:17px}.private-exploring>span{font-size:10px}.private-topic-panel .question-card:only-child .question-art{width:90px}.private-table{font-size:10px}.private-content-tabs{gap:7px}.private-content-tabs button{border-radius:0;font-size:11px;padding:8px}.private-advice{display:none}.studio-page.private-view .hero{background-size:auto}}
.studio-page.public-view .hero{min-height:0;background:#101e35}.public-view .hero:before,.public-view .hero-copy{display:none}.public-view .hero header{background:linear-gradient(110deg,#0e1b32,#1a2941);height:70px;min-height:70px}.public-view .studio-workspace{display:block;padding-top:18px}.public-share{display:flex;align-items:center;gap:10px;border:1px solid #a6a0ff;color:#6a59eb;background:var(--paper);border-radius:4px;padding:10px 17px;font-size:12px;white-space:nowrap}.public-banner{min-height:153px;position:relative;border-radius:6px;overflow:hidden;color:#f3f5ff;background:#101d34 url('assets/quiet-reading.opt-v1.webp') right 57%/auto 220% no-repeat;margin:0 4px 18px}.public-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101c34 25%,#101c34e8 45%,#101c3400 80%)}.public-banner>div{position:relative;padding:18px 35px}.public-banner small{font-size:12px}.public-banner h2{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:27px;color:white;line-height:1.5;margin:3px 0 7px}.public-banner p{font-size:13px;color:#d5deed;display:inline-block;margin:0 20px 0 0}.public-banner button{display:inline-flex;gap:13px;align-items:center;padding:10px 25px;font-size:12px}.public-banner .icon{width:17px;height:17px}.public-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(310px,1fr);gap:20px}.public-main,.public-aside{min-width:0}.public-aside{display:flex;flex-direction:column;gap:14px}.public-tabs{display:flex;gap:19px;border-bottom:1px solid #e4eaf5;margin-bottom:13px}.public-tabs button{border-radius:0;padding:7px 17px 10px;font-size:13px;color:#586b90;border-bottom:2px solid transparent}.public-tabs button.active{color:#6d52ff;border-color:#7057ff}.public-filters{display:flex;align-items:center;gap:9px;margin-bottom:15px}.public-filters button{padding:6px 20px;border:1px solid #e5ebf7;border-radius:4px;color:#657793;background:#f5f7fb;font-size:11px}.public-filters button.active{background:linear-gradient(110deg,#7e74ff,#5038fb);border-color:#7564ff;color:white}.public-filters>span{margin-left:auto;font-size:10px;color:#90a0b8}.public-classics,.reader-works{margin-bottom:14px}.public-classics .studio-section-head h2,.reader-works .studio-section-head h2{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:22px}.public-classics .studio-section-head h2 small,.reader-works .studio-section-head h2 small{font-family:inherit;font-size:11px}.public-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.public-book-card{display:grid;grid-template-columns:87px minmax(0,1fr);gap:13px 12px;padding:12px;border:1px solid #e5ebf8;border-radius:5px;background:linear-gradient(140deg,var(--paper),var(--bg));min-width:0}.classic-cover{width:87px;height:151px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,#fff7e950,transparent),var(--cover-paper);box-shadow:inset 2px 0 5px #42352118;border-radius:3px;border:1px solid #796f5330}.classic-cover>span{position:absolute;top:12px;right:19px;writing-mode:vertical-rl;font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:20px;font-weight:600;letter-spacing:4px;color:#2e302e;z-index:1}.classic-cover>small{position:absolute;top:14px;left:11px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#81584f;z-index:1}.classic-cover>svg{position:absolute;bottom:0;width:100%;height:90px}.public-book-info{min-width:0}.public-book-info h3{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;font-size:15px;line-height:1.5;margin:0 0 10px}.public-book-info p{font-size:11px;line-height:1.8;color:#7d8fae;margin:0 0 10px}.public-book-info>small{font-size:10px;color:#7e90b2;display:flex;align-items:center;gap:5px}.public-book-info .icon{width:13px;height:13px}.public-book-info>button{display:block;color:#7760fb;font-size:10px;margin-top:8px;text-align:left}.public-book-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.public-book-actions button{flex:1;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7dffc;height:34px;border-radius:4px;color:#6574a3}.public-book-actions .icon{width:15px;height:15px}.public-book-actions button:disabled{opacity:.65;cursor:default}.public-side-caption{font-size:11px;color:#8294b1;margin:0 0 13px;line-height:1.8}.public-videos .studio-section-head h2,.public-discussions .studio-section-head h2{font-size:17px}.public-video-item{display:flex;align-items:center;gap:13px;border-top:1px solid #edf0f7;padding-top:12px;text-align:left;width:100%}.public-video-item>span{width:47%;position:relative;flex-shrink:0;overflow:hidden;border-radius:4px}.public-video-item img{width:100%;height:110px;object-fit:cover;display:block}.public-video-item i{position:absolute;inset:0;display:grid;place-items:center}.public-video-item i .icon{height:34px;width:34px;border-radius:50%;background:#162a47c9;color:white;padding:8px;border:1px solid white}.public-video-item>span small{position:absolute;right:5px;bottom:4px;background:#15243bd9;color:#fff;padding:1px 4px;font-size:9px}.public-video-item h3{font-size:13px;line-height:1.8;margin:0 0 7px}.public-video-item p{font-size:10px;color:#8294b1;margin:0 0 9px}.public-video-item b{font-size:10px;font-weight:400;color:#7360f9}.public-discussions article{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #e9eef7;padding:14px 0 4px}.discussion-q{background:linear-gradient(130deg,#a39bff,#6552fd);color:white;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.public-discussions article>div{min-width:0;flex:1}.public-discussions h3{font-size:12px;line-height:1.7;margin:0 0 5px}.public-discussions article p{font-size:10px;color:#8293af;line-height:1.8;margin:0}.public-discussions article button{font-size:10px;color:#725aff;background:#f0edff;border-radius:4px;padding:7px 8px;white-space:nowrap}.reader-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.reader-work{border:1px solid #e5ebf8;border-radius:5px;padding:12px;min-width:0;display:flow-root}.reader-byline{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reader-byline>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8598ac,#d5bdaa);color:white;font-size:12px}.reader-byline b{font-size:12px}.reader-byline small{font-size:8px;padding:2px 4px;background:#f0efff;color:#7c6dc0;border-radius:3px}.reader-work-title{font-size:14px;font-weight:600;text-align:left;margin-bottom:8px}.reader-work>img{float:right;width:74px;height:83px;object-fit:cover;border-radius:4px;margin:3px 0 8px 11px}.reader-work>p{font-size:11px;color:#8192b0;line-height:1.8;margin:0}.reader-work-link{font-size:10px;color:#7763f7;margin-top:10px}.demo-label{font-size:10px;color:#95a1b5}.classic-excerpt{font-family:'Songti SC','Noto Serif SC',STSong,'SimSun',serif;line-height:2.2;font-size:18px;margin:20px 0;padding:20px;background:var(--bg);border-left:3px solid #8272f8}
@media(max-width:1250px){.public-layout{grid-template-columns:minmax(0,2fr) minmax(285px,1fr);gap:14px}.public-book-grid{grid-template-columns:1fr}.public-book-card{grid-template-columns:75px minmax(0,1fr)}.classic-cover{width:75px;height:120px}.public-book-info p{font-size:12px}.public-book-actions{grid-column:2;justify-content:flex-start}.public-book-card .classic-cover{grid-row:1/3}.public-book-info h3{font-size:16px;margin-bottom:6px}.public-banner h2{font-size:25px}.public-banner p{font-size:12px;max-width:65%;vertical-align:middle}.reader-work-grid{grid-template-columns:1fr}.public-filters button{padding:6px 13px}.public-classics .studio-section-head h2 small,.reader-works .studio-section-head h2 small{display:none}}
@media(max-width:760px){.public-layout{grid-template-columns:1fr}.public-banner>div{padding:17px 20px}.public-banner h2{font-size:23px}.public-banner p{max-width:none;display:block;font-size:12px;margin-bottom:13px}.public-banner button{padding:8px 17px}.public-banner{background-size:auto 150%;min-height:180px}.public-filters{gap:7px}.public-filters button{padding:6px 14px}.public-tabs{gap:9px}.public-tabs button{border-radius:0;padding:7px 12px 10px;font-size:12px}.public-page .private-title>div{display:block}.public-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-book-card{display:flex;flex-direction:column;gap:10px}.public-book-actions{flex-wrap:wrap}.public-book-actions button{flex:1 0 100%}.public-book-info p{font-size:11px}.public-book-info h3{font-size:14px}.public-videos .public-video-item>span{max-width:230px}.public-page .private-title p{font-size:11px}.reader-work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.public-page .private-title h1{font-size:27px}.public-page .private-title{gap:8px;align-items:flex-start}.public-share{font-size:10px;padding:9px;gap:5px}.public-share .icon{width:15px;height:15px}.public-banner{margin-left:0;margin-right:0;min-height:190px}.public-banner h2{font-size:21px}.public-banner p{font-size:11px}.public-filters>span{display:none}.public-filters{gap:5px;flex-wrap:wrap}.public-filters button{font-size:10px;padding:5px 13px}.public-book-grid{grid-template-columns:1fr}.public-book-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}.public-book-actions{grid-column:2;flex-wrap:nowrap}.public-book-actions button{flex:1;font-size:10px;height:32px}.public-book-card .classic-cover{grid-row:1/3}.public-book-info p{font-size:11px;margin-bottom:6px}.public-classics .studio-section-head h2,.reader-works .studio-section-head h2{font-size:20px}.reader-work-grid{grid-template-columns:1fr}.public-tabs{gap:5px}.public-tabs button{border-radius:0;padding:7px 10px 9px;font-size:12px}.public-page .private-title p{max-width:240px;line-height:1.7}.public-book-info>small{font-size:9px}}

/* Shared centered page frame and responsive outer whitespace. */
body.studio-page main,body.studio-page.sidebar-collapsed main{width:calc(100% - clamp(48px,14vw,280px));max-width:1400px;margin:24px auto 0!important}
.studio-page .studio-workspace{width:100%;max-width:none;padding:16px 0 24px;margin:0}
@media(max-width:1000px){body.studio-page main,body.studio-page.sidebar-collapsed main{width:calc(100% - 40px);margin-top:16px!important}}
@media(max-width:500px){body.studio-page main,body.studio-page.sidebar-collapsed main{width:calc(100% - 20px);margin-top:10px!important}.studio-page .studio-workspace{padding-top:10px}}

/* Keep the page flush with the top while preserving horizontal gutters. */
body.studio-page main,body.studio-page.sidebar-collapsed main{margin-top:0!important}

/* Compact primary input. */
.studio-page .inquiry-form{width:100%;max-width:600px;height:42px;border-radius:10px;gap:7px;padding:4px 5px}
.studio-page .inquiry-form input{font-size:12px}
.studio-page .inquiry-form .primary{width:30px;height:30px}
.studio-page .inquiry-form>button:first-child{padding:0 7px}
.studio-page .inquiry-form>button:first-child .icon{width:18px;height:18px}
@media(max-width:500px){.studio-page .inquiry-form input{font-size:10px}}

/* Pull back the scene while retaining the shallow hero. */
.studio-page .hero{background-size:auto 115%;background-position:right center;background-color:#0a1629}

/* Lower the hero copy slightly within the space below navigation. */
.studio-page .hero-copy{position:relative;top:12px}

/* Center the complete copy group in the area beneath navigation. */
.studio-page .hero-copy{top:auto;flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:0;margin-bottom:0;padding-top:16px;padding-bottom:16px}
.studio-page .hero-copy h1,.studio-page .hero-copy>p,.studio-page .hero-copy .inquiry-form{flex-shrink:0}

/* Actions align to the complete card, below both content columns. */
.question-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;row-gap:10px}
.question-card>.card-actions{grid-column:1/-1;justify-content:flex-end;align-self:end;margin-top:0}
.question-card>.question-art{grid-column:2;grid-row:1}
.question-card>.question-main{grid-column:1;grid-row:1}
.question-card>.card-actions button{margin-left:auto}
/* Blue-hour panorama fills the entire hero instead of a narrow right-hand image. */
.studio-page{--accent:#397ef0;--bg:#f3f7fc}
.studio-page:not(.private-view):not(.public-view) .hero{background-image:url('assets/hero-day-clean-20261019.webp');background-size:cover;background-position:center 70%;background-color:#0b1c33}
.studio-page:not(.private-view):not(.public-view) .hero:before{background:linear-gradient(90deg,#08192b9c 0%,#0a1c326e 30%,#0a1c322b 53%,transparent 72%)}
.studio-page .primary{background:var(--hc-primary-background,linear-gradient(110deg,#539dff,#3676e8))!important;box-shadow:0 4px 13px #367de624,inset 0 1px #ffffff26}

.studio-page .topic-filters button.active,.studio-page .private-topics button.active,.studio-page .public-filters button.active{background:linear-gradient(110deg,#559aff,#347be9);border-color:#72a6f3}
.studio-page .public-tabs button.active,.studio-page .private-content-tabs button.active{color:#397ee9;border-color:#5393f2}
@media(min-width:1800px){.studio-page:not(.private-view):not(.public-view) .hero{background-size:cover;background-position:center 68%}}
@media(max-width:1000px){.studio-page:not(.private-view):not(.public-view) .hero{background-size:auto 125%;background-position:72% 65%}}
@media(max-width:500px){.studio-page:not(.private-view):not(.public-view) .hero{background-size:auto 110%;background-position:80% center}.studio-page:not(.private-view):not(.public-view) .hero:before{background:linear-gradient(90deg,#08192bc9,#0b1e3688 65%,#0b1e3633)}}
/* Recent accumulation: four entries on desktop, all entries remain accessible. */
.recent-panel .document-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.recent-panel .document-item:nth-child(n){display:flex}
.recent-panel .document-item:nth-child(n+5){display:none}
.recent-panel .document-item>span:nth-child(2){min-width:0}
.recent-panel .document-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-panel .private-label{display:none}
@media(max-width:1000px){.recent-panel .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.recent-panel .document-grid{grid-template-columns:1fr}}
/* The home study combines exploration, video and writing in one compact row. */
.home-private-panel,.home-public-books{grid-column:1/-1}
.home-private-panel>.studio-section-head{margin-bottom:9px}.home-private-panel>.studio-section-head h2{font-size:21px}.home-study-tools{display:flex;align-items:center;gap:9px}.home-study-tools button{font-size:11px;padding:7px 12px;border:1px solid #e1e8f4;border-radius:4px;color:#6d7f9e}.home-study-tools .primary{color:white}
.home-private-panel>.topic-filters{margin-bottom:10px}
.home-study-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.05fr);gap:12px;align-items:stretch}
.home-exploring,.home-study-video,.home-study-columns>.writing-panel{border:1px solid #e6edf8;border-radius:4px;padding:13px;min-width:0;background:linear-gradient(130deg,var(--paper),#f8faff)}
.home-exploring>h3,.home-study-video>h3{font-size:16px;display:flex;align-items:center;gap:10px;margin:0 0 12px}.home-exploring>h3 .icon,.home-study-video>h3 .icon{color:#4482ee;width:21px;height:21px}
.home-exploration{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px 11px;padding:8px 0 12px;position:relative}.home-exploration+.home-exploration{border-top:1px solid #e6edf7;padding-top:13px;padding-bottom:0}.exploration-symbol{display:grid;place-items:center;background:#eaf3ff;color:#4289ec;border-radius:5px;width:44px;height:48px}.exploration-symbol .icon{width:25px;height:25px}.exploration-symbol.rose{background:#fff0f2;color:#ec6981}.exploration-copy h4{font-size:13px;line-height:1.6;margin:0 0 4px}.exploration-copy>small{font-size:10px;color:#8193b0;display:flex;align-items:center;gap:5px}.exploration-copy>small .icon{width:13px;height:13px}.exploration-copy p{font-size:11px;line-height:1.75;color:#8092ae;margin:7px 0 0}.exploration-action{grid-column:1/-1;display:flex;justify-content:flex-end}.exploration-action button{border:1px solid #d4e1fc;border-radius:4px;background:#eff5ff;color:#477fdf;font-size:10px;padding:5px 10px;display:flex;align-items:center;gap:9px}.exploration-action .icon{width:13px;height:13px}
.home-study-video{display:flex;flex-direction:column}.home-study-video .video-preview img{aspect-ratio:2.2;object-fit:cover}.home-study-video>h4{font-size:14px;line-height:1.6;margin:8px 0 4px}.home-study-video>p{font-size:10px;display:flex;align-items:center;gap:5px;color:#8798b3;margin:0 0 12px}.home-study-video>p .icon{width:14px;height:14px}.study-video-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:auto}.study-video-actions button{flex:1;min-width:0;border:1px solid #dce5f5;height:34px;border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6480ab}.study-video-actions .icon{width:14px;height:14px}
.home-study-columns>.writing-panel{padding:13px;gap:0}.home-study-columns .writing-panel>.studio-section-head{margin-bottom:13px}.home-study-columns .writing-panel>.studio-section-head h2{font-size:16px}.home-study-columns .writing-panel>.studio-section-head>button{display:none}.home-study-columns .writing-draft{border:0;background:transparent;padding:0;display:flex;flex-direction:column}.home-study-columns .writing-draft>h3{font-size:14px}.home-study-columns .writing-draft>small{display:none}.home-study-columns .writing-draft>p{font-size:11px;line-height:1.85;max-height:145px;margin:10px 0 14px}.home-study-columns .writing-actions{margin-top:auto}.home-study-columns .writing-actions button{font-size:10px;height:34px}.home-study-columns .draft-formats{margin-top:10px}.home-study-columns .draft-formats button{font-size:9px}.home-study-columns .draft-formats button:nth-child(2){display:none}.home-public-books .public-panel{margin:0}
@media(min-width:1800px){.home-study-columns{gap:15px}.home-exploration{grid-template-columns:51px minmax(0,1fr)}.exploration-symbol{width:51px;height:55px}.exploration-copy h4{font-size:15px}.exploration-copy p{font-size:12px}.home-study-columns .writing-draft>p{font-size:12px}.home-study-video>h4{font-size:15px}}
@media(max-width:1100px){.home-study-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.home-study-columns>.writing-panel{grid-column:1/-1}.home-study-columns .writing-draft>p{max-height:75px}.home-study-columns .writing-actions{max-width:330px;margin-left:auto;width:100%}.home-study-columns .draft-formats{max-width:330px;margin-left:auto;width:100%}}
@media(max-width:650px){.home-study-columns{grid-template-columns:1fr}.home-study-columns>.writing-panel{grid-column:auto}.home-private-panel>.studio-section-head{align-items:flex-start}.home-private-panel>.studio-section-head h2{font-size:18px}.home-private-panel>.studio-section-head h2 small{display:none}.home-study-tools{gap:5px}.home-study-tools button{font-size:9px;padding:6px 8px}.home-study-video .video-preview img{aspect-ratio:2}.home-exploration{grid-template-columns:40px minmax(0,1fr)}.exploration-symbol{width:40px;height:45px}}

.home-exploring .home-exploration{padding-top:6px;padding-bottom:8px;gap:5px 10px}
.home-exploring .home-exploration+.home-exploration{padding-top:9px}
.home-exploring .exploration-copy p{margin-top:5px;line-height:1.65}
.home-exploring .exploration-action button{padding:4px 9px}
/* Compact each exploration into three aligned rows without an extra action row. */
.home-exploring .home-exploration{grid-template-columns:36px minmax(0,1fr);gap:3px 9px;padding:5px 0 7px}
.home-exploring .home-exploration+.home-exploration{padding-top:8px}
.home-exploring .exploration-symbol{grid-column:1;grid-row:1/4;width:36px;height:40px;align-self:start}
.home-exploring .exploration-symbol .icon{width:22px;height:22px}
.home-exploring .exploration-copy{display:contents}
.home-exploring .exploration-copy h4{grid-column:2;grid-row:1;margin:0;line-height:1.4;font-size:13px}
.home-exploring .exploration-copy>small{grid-column:2;grid-row:2;font-size:10px;line-height:1.5}
.home-exploring .exploration-copy p{grid-column:2;grid-row:3;margin:0;padding-right:103px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.6}
.home-exploring .exploration-copy p br{display:none}
.home-exploring .exploration-action{grid-column:2;grid-row:3;justify-self:end;align-self:end}
.home-exploring .exploration-action button{min-height:26px;padding:3px 8px;font-size:10px}
.home-study-video .video-preview img{aspect-ratio:2.9}
.home-study-video>h3{margin-bottom:8px}
.home-study-video>h4{font-size:13px;margin:6px 0 3px}
.home-study-video>p{margin-bottom:8px}
.home-study-columns .writing-draft>p{line-height:1.7;margin:8px 0 10px;max-height:100px}
.home-study-columns .writing-panel>.studio-section-head{margin-bottom:9px}
.home-exploring,.home-study-video,.home-study-columns>.writing-panel{padding:11px}
.home-study-columns .writing-actions button,.study-video-actions button{height:31px}
@media(max-width:650px){.home-study-video .video-preview img{aspect-ratio:2.6}.home-exploring .exploration-copy p{padding-right:99px}.home-exploring .exploration-copy h4{font-size:13px}}
/* Lift video and writing to the top of the study, beside its title. */
@media(min-width:1101px){
 .home-private-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:12px;row-gap:0;align-items:stretch}
 .home-private-panel>.studio-section-head{grid-column:1;grid-row:1;min-width:0;align-items:flex-start;gap:8px}
 .home-private-panel>.studio-section-head h2{font-size:20px;white-space:normal}
 .home-private-panel>.studio-section-head h2 small{display:block;font-size:10px;margin:3px 0 0}
 .home-private-panel>.topic-filters{grid-column:1;grid-row:2;gap:5px;margin-bottom:9px}
 .home-private-panel>.topic-filters button{padding:4px 10px;font-size:10px}
 .home-private-panel>.home-study-columns{display:contents}
 .home-private-panel .home-exploring{grid-column:1;grid-row:3}
 .home-private-panel .home-study-video{grid-column:2;grid-row:1/4}
 .home-private-panel .home-study-columns>.writing-panel{grid-column:3;grid-row:1/4}
 .home-private-panel .home-study-tools{flex-shrink:0}
}
@media(min-width:1800px){.home-private-panel{column-gap:15px}}
/* Three separate panels with the page background visible between them. */
.home-private-panel.home-study-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto;gap:14px;padding:0;border:0;background:transparent;border-radius:0}
.home-study-exploration-panel{grid-column:1;grid-row:auto;min-width:0;padding:14px}
.home-study-exploration-panel>.studio-section-head{align-items:flex-start;gap:8px;margin-bottom:9px}
.home-study-exploration-panel>.studio-section-head h2{font-size:20px;white-space:normal}
.home-study-exploration-panel>.studio-section-head h2 small{display:block;margin:3px 0 0;font-size:10px}
.home-study-exploration-panel>.topic-filters{gap:5px;margin-bottom:8px}
.home-study-exploration-panel>.topic-filters button{padding:4px 10px;font-size:10px}
.home-private-panel .home-study-exploration-panel>.home-exploring{grid-column:auto;grid-row:auto;border:0;border-radius:0;padding:0;background:transparent}
.home-private-panel.home-study-columns>.home-study-video{grid-column:2;grid-row:auto;background:var(--paper);padding:14px}
.home-private-panel.home-study-columns>.writing-panel{grid-column:3;grid-row:auto;background:var(--paper);padding:14px}
@media(max-width:1100px){.home-private-panel.home-study-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.home-private-panel.home-study-columns>.writing-panel{grid-column:1/-1}.home-study-exploration-panel>.studio-section-head h2{font-size:18px}}
@media(max-width:650px){.home-private-panel.home-study-columns{grid-template-columns:1fr;gap:10px}.home-study-exploration-panel,.home-private-panel.home-study-columns>.home-study-video,.home-private-panel.home-study-columns>.writing-panel{grid-column:1;grid-row:auto;padding:12px}}

/* This list uses top-right exploration actions as shown in the annotation. */
.home-exploring .exploration-action{grid-column:2;grid-row:1;align-self:start;justify-self:end}
.home-exploring .exploration-copy h4{padding-right:104px;min-height:26px}
.home-exploring .exploration-copy p{padding-right:0}
@media(max-width:650px){.home-exploring .exploration-copy h4{padding-right:99px}.home-exploring .exploration-copy p{padding-right:0}}
/* Give the book video its full frame and more comfortable vertical spacing. */
.home-study-video>.video-preview{flex-shrink:0;background:#111b2b;margin-top:3px}
.home-study-video .video-preview img{aspect-ratio:16/9;height:auto;object-fit:contain}
.home-study-video>h3{margin-bottom:12px}
.home-study-video>h4{margin:12px 0 7px;font-size:14px;line-height:1.6}
.home-study-video>p{line-height:1.7;margin-bottom:12px}
.home-study-video .study-video-actions{margin-top:auto;padding-top:14px}
/* Full-bleed panorama; the reading workspace retains its centered measure. */
body.studio-page main,body.studio-page.sidebar-collapsed main{width:100%;max-width:none;margin:0!important}
.studio-page .studio-workspace{width:calc(100% - clamp(48px,14vw,280px));max-width:1400px;margin:0 auto;padding:16px 0 24px}
.studio-page .hero{width:100%;max-width:none}
@media(max-width:1000px){.studio-page .studio-workspace{width:calc(100% - 40px)}}
@media(max-width:500px){.studio-page .studio-workspace{width:calc(100% - 20px);padding-top:10px}}
/* The private study starts at its command row, directly below navigation. */
.studio-page.private-view .hero-copy{display:none!important}
.studio-page.private-view .hero{min-height:0!important;height:auto;background-image:none}
.studio-page.private-view .private-page>.private-title{display:none}
.studio-page.private-view .studio-workspace{padding-top:16px}
/* Public library begins with the shared-reading banner. */
.studio-page.public-view .hero-copy{display:none!important}
.studio-page.public-view .hero{min-height:0!important;height:auto;background-image:none}
.studio-page.public-view .public-page>.private-title{display:none}

/* Fixed shared navigation; reserve its responsive height in the hero. */
html{scroll-padding-top:calc(var(--studio-nav-height,66px) + 12px)}
body.studio-page .hero{padding-top:var(--studio-nav-height,66px);z-index:20}
body.studio-page .hero header{position:fixed;inset:0 0 auto;z-index:1000;width:100%}
body.studio-page.nav-scrolled:not(.private-view):not(.public-view) .hero header{background:#14283f99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#ffffff24}

/* Document titles share the reading action, including native keyboard activation. */
body.studio-page .private-table td:first-child button.table-title{width:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:32px;}
body.studio-page .private-table td:first-child button.table-title:hover{text-decoration:underline;text-underline-offset:3px;}
body.studio-page .private-table td:first-child button.table-title:focus-visible{outline:2px solid #7360f5;outline-offset:3px;}