body.subView{background:#fff;color:#10182f}body.subView #main>section{display:none!important}body.subView #main>#nuvinSubpage{display:block!important}body.subView .notice,body.subView .lang,body.subView .logoDot,body.subView .logo small,body.subView footer:not(.referenceFooter){display:none!important}body.subView .header{position:relative;background:white;border-bottom:1px solid #e2e9f0}body.subView .nav{min-height:64px}body.subView .logo{color:#075bda}body.subView .wrap{width:min(1100px,calc(100% - 40px))}body.subView .referenceFooter{display:block!important}#nuvinSubpage{max-width:1100px;margin:auto;padding:24px 20px 40px;font-size:17px;line-height:1.7}#nuvinSubpage *{box-sizing:border-box}#nuvinSubpage a{text-decoration:none}#nuvinSubpage h1{font-size:38px;line-height:1.3;letter-spacing:-1.3px;margin:8px 0}#nuvinSubpage h2{font-size:25px;margin:0 0 12px}#nuvinSubpage p{margin:6px 0;color:#536580}#nuvinSubpage button,#nuvinSubpage input,#nuvinSubpage textarea,#nuvinSubpage select{font:inherit}#nuvinSubpage button{cursor:pointer}#nuvinSubpage button:focus-visible,#nuvinSubpage a:focus-visible{outline:3px solid #008b96;outline-offset:3px}.spBread{font-size:14px;color:#718097;margin-bottom:24px}.spHero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:205px}.spArt{width:240px;flex-shrink:0}.spSprite{display:block;position:relative;overflow:hidden}.spSprite img{position:absolute!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important}.spMint{background:#eaf9f6;border-radius:8px;padding:22px 26px;margin:22px 0;color:#007d88}.spMint a{display:block;padding:9px 12px;margin-top:7px;background:#ffffffa8;color:#183958;border-radius:4px}.spColumns{display:grid;grid-template-columns:185px 1fr;gap:30px;margin:30px 0}.spSide{border-right:1px solid #e4eaf0;padding-right:18px}.spSide a,.spSide button{display:block;border:0;background:transparent;padding:10px 14px;margin:5px 0;width:100%;text-align:left;color:#344d69;border-radius:5px}.spSide .active{background:#e2f6f2;color:#00838a;border-left:3px solid #009ba0}.spSide strong{display:block;margin:8px 0}.spBlock{margin-bottom:24px}.spBlock h2 span{color:#0864d8;margin-right:16px}.spChecks{padding:12px 22px;background:#fff3eb;border-radius:8px}.spChecks label{display:flex;align-items:center;gap:15px;padding:8px 0}.spChecks label+label{border-top:1px solid #eadfd8}.spChecks input{width:19px;height:19px;accent-color:#078e92}.spQuote{background:#edf5ff;padding:22px;border-radius:8px;color:#334e70}.spPhotos{background:#f6f2ff;border-radius:9px;padding:18px;margin:24px 0}.spPhotoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spPhotoGrid a{min-width:0;color:#007b84;font-size:14px}.spPhotoGrid .spSprite{border-radius:8px;margin-bottom:4px}.spSource{background:#eff7ff;padding:18px 24px;border-radius:8px;font-size:15px}.spSource a{color:#0061c6}.spButton{display:inline-block;background:#0865df;color:white!important;border:1px solid #0865df;border-radius:6px;padding:9px 22px}.spButton.secondary{background:white;color:#235377!important;border-color:#c9d9e7}.spInfo{background:#ecf5ff;color:#0865d8;padding:16px 22px;border-radius:6px;margin:18px 0}.spSearch{width:100%;border:1px solid #ccd8e4;padding:11px 14px;border-radius:6px;background:white}.spTabs{display:flex;gap:8px;border-bottom:1px solid #dfe6ef;margin-top:12px;flex-wrap:wrap}.spTabs button{border:0;background:none;color:#526580;padding:12px}.spTabs .active{color:#005dd9;border-bottom:3px solid #005dd9}.spPost{display:flex;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #e0e8ee;color:#152139}.spAvatar{display:grid;place-items:center;background:#edf5ff;color:#245da1;border-radius:50%;width:56px;height:56px;flex-shrink:0;font-size:22px}.spPost strong{display:block;font-size:18px}.spPost small{display:inline-block;background:#e8f7f3;color:#007d83;border-radius:14px;padding:1px 9px}.spPost p{font-size:15px}.spPage{text-align:center;margin:20px}.spForm label{display:block;margin:18px 0}.spForm input,.spForm select,.spForm textarea{display:block;width:100%;border:1px solid #ccd8e4;border-radius:6px;padding:12px}.spForm textarea{min-height:200px}.spActions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spEmpty{padding:36px;background:#f6fafb;border-radius:8px}.spTag{font-size:14px;color:#007d83;font-weight:700}.spArticle{white-space:pre-wrap;min-height:160px;padding:25px 0}.spSmall{font-size:14px;color:#66768a}.spGuideList a{display:block;border:1px solid #dfE8ed;padding:24px;margin:16px 0;border-radius:9px;color:#183958}
@media(max-width:700px){#nuvinSubpage{padding:20px 16px;font-size:16px}#nuvinSubpage h1{font-size:29px}#nuvinSubpage h2{font-size:22px}.spHero{align-items:flex-start;gap:10px}.spArt{width:120px}.spColumns{grid-template-columns:1fr;gap:18px}.spSide{border:0;display:flex;gap:5px;flex-wrap:wrap;padding:0}.spSide strong{width:100%}.spSide a,.spSide button{width:auto;padding:8px 12px;margin:0}.spPhotoGrid{gap:8px}.spMint{padding:16px}.spPost{gap:12px}.spAvatar{width:42px;height:42px}.spPost strong{font-size:17px}.spHero .spButton{padding:7px 12px}.spPhotos{padding:12px}body.subView .nav{flex-wrap:wrap;padding:12px 0;gap:12px}body.subView .nav nav{order:3;width:100%;justify-content:space-between;gap:8px}body.subView .nav nav a{font-size:14px}}
.spClipboard{position:relative;padding-top:25px;padding-right:62px}.spBubble{position:absolute;top:0;right:0;width:100px}.spSide button .spSprite{width:32px;display:inline-block;vertical-align:middle;margin-right:7px}body.subView .nav{justify-content:flex-start;gap:44px}body.subView .nav nav{margin-left:0}body.subView .loginLink{margin-left:auto}#nuvinSubpage .spHero h1{max-width:700px}@media(max-width:700px){.spClipboard{padding-right:25px}.spBubble{width:55px}body.subView .nav{gap:12px}}
body.subView #main>:not(#nuvinSubpage){display:none!important}.spColumns{grid-template-columns:210px 1fr}.spSide button{white-space:nowrap}.spSide button .spSprite{border-radius:50%}.spColumns .spPhotos{background:#fff;border:1px solid #e3eaf1;margin-top:0}.spColumns .spPhotos h2{font-size:23px}.spPost:nth-child(2) small{background:#e0f5f2}.spPost:nth-child(3) small{background:#fff0e6;color:#a94b21}.spPost:nth-child(4) small{background:#f0eaff;color:#6250a5}@media(max-width:700px){.spColumns{grid-template-columns:1fr}}
@media(max-width:700px){body.subView .nav nav{display:flex!important}.spHero{position:relative;display:block;padding-bottom:12px}.spHero>div:first-child{padding-right:0}.spHero .spArt{width:130px;margin:16px 0 0 auto}.spHero h1{word-break:keep-all}.spHero .spArt>.spSprite{display:none}.spHero .spArt .spClipboard{display:none}.spHero .spArt{width:auto;text-align:right}.spHero .spArt .spButton{font-size:16px}#nuvinSubpage h1{font-size:30px}.spPhotoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Reading and writing detail pass */
.spReadingLayout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.spReadingCard{border:1px solid #e1e9ee;border-radius:14px;padding:32px;box-shadow:0 8px 28px #304b6810}.spReadingCard h1{overflow-wrap:anywhere}.spAuthor{display:flex;gap:13px;align-items:center;margin-top:25px;padding-bottom:22px;border-bottom:1px solid #e4ebf0}.spAuthor p{font-size:14px}.spReadingCard .spArticle{font-size:18px;line-height:1.95;min-height:240px;overflow-wrap:anywhere}.spReadingNote{padding:16px;background:#f1f8fa;border-radius:8px;margin-top:28px;font-size:14px;color:#5a6e80}.spRelated{background:#effaf7;padding:24px;border-radius:12px}.spRelated h2{font-size:21px!important;margin-top:8px!important}.spRelated>a{display:block;margin-top:16px;color:#26676a}.spRelated .spButton{text-align:center}.spNext{margin:32px 0;padding:25px;border:1px solid #e1e9ee;border-radius:12px}.spNext>a{display:block;padding:16px 0;color:#264c6e;border-top:1px solid #e6edf1}.spWritingTip{background:#effaf7;border-radius:10px;padding:20px 24px;margin-top:24px}.spForm{max-width:790px;border:1px solid #e1e9ee;padding:26px;border-radius:12px;margin-top:22px}.spForm label{font-weight:650}.spForm input,.spForm textarea,.spForm select{font-weight:400;margin-top:8px;background:#fff}.spForm input:focus,.spForm textarea:focus,.spForm select:focus{outline:2px solid #179b9d;outline-offset:2px}.spForm small{font-weight:400;color:#528278;font-size:14px}.spForm .spActions{border-top:1px solid #e2ebef;padding-top:22px;margin-top:24px}.homeWelcome{width:min(1030px,calc(100% - 48px));margin:28px auto 0;padding:24px 28px;background:#effaf7;border:1px solid #e0efea;border-radius:10px;display:flex;align-items:center;gap:22px}.homeWelcome strong{color:#126e73;font-size:19px}.homeWelcome p{font-size:15px;color:#5b7080;margin:5px 0 0}.homeWelcome a{color:#006e77;white-space:nowrap;font-size:15px;font-weight:650}.homeWelcome>div{margin-right:auto}body:not(.mainView) .homeWelcome{display:none}@media(max-width:760px){.spReadingLayout{grid-template-columns:1fr}.spReadingCard{padding:22px 18px}.spRelated{padding:20px}.spForm{padding:18px}.homeWelcome{flex-wrap:wrap;padding:20px}.homeWelcome>div{width:100%}.spReadingCard .spArticle{min-height:180px}}
#nuvinSubpage h1,#nuvinSubpage h2,.spRelated a{word-break:keep-all;overflow-wrap:break-word}.spReadingLayout{grid-template-columns:minmax(0,1fr) 285px}.spReadingCard .spArticle{min-height:200px}@media(max-width:760px){.spReadingLayout{grid-template-columns:1fr}}
.journeyHero{max-width:1080px;margin:0 auto 24px;padding:38px 28px;border-radius:16px;background:linear-gradient(120deg,#edf9f5,#f5f0fd);display:flex;align-items:center;justify-content:space-between;gap:24px}.journeyHero h1{font-size:38px;line-height:1.35;margin:10px 0}.journeyHero p{max-width:590px}.journeyArt{width:190px;height:130px;overflow:hidden;border-radius:14px;background:#dff1ec}.journeyArt img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}.journeyNotice{max-width:1080px;margin:0 auto 34px;padding:16px 20px;border:1px solid #dcebed;border-radius:10px;background:#f4f9fb;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.journeyNotice strong{margin-right:auto}.journeyNotice a{padding:8px 14px;border-radius:20px;background:#fff;color:#166d75;text-decoration:none}.journeySection{max-width:1080px;margin:0 auto 42px}.spSectionHead{margin-bottom:20px}.journeyCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.journeyCard{position:relative;min-height:210px;padding:22px;border:1px solid #dfe9ec;border-radius:14px;color:#182b3d;text-decoration:none;overflow:hidden}.journeyCard.mint{background:#eef9f6}.journeyCard.peach{background:#fff4ed}.journeyCard.lilac{background:#f5f1fd}.journeyCard.blue{background:#eef5fb}.journeyNum{font-size:13px;color:#188187;font-weight:700}.journeyCard h3{font-size:22px;margin:15px 0 5px}.journeyCard strong{font-size:16px}.journeyCard p{font-size:14px;color:#657988;margin-top:10px}.journeyMore{position:absolute;bottom:18px;left:22px;color:#16737c;font-size:13px;font-weight:700}.journeyTwo{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.journeyPanel{padding:26px;border:1px solid #dfe9ec;border-radius:14px;background:#fff}.journeyPanel.warm{background:#f5f1fd}.journeyPanel h2{margin:8px 0 18px}.journeyPanel label{display:block;padding:13px 0;border-bottom:1px solid #edf0f2}.journeyPanel label input{margin-right:10px}.journeyPanel .spButton{display:inline-block;margin-top:18px}.journeyPanel small{display:block;margin-top:18px;color:#657988}.journeyLower+.spSource{max-width:1080px;margin:0 auto 50px}@media(max-width:760px){.journeyHero{margin:0 18px 22px;padding:25px 20px;align-items:flex-start}.journeyHero h1{font-size:29px}.journeyArt{width:120px;height:95px;flex-shrink:0}.journeyNotice{margin-left:18px;margin-right:18px}.journeyNotice strong{width:100%}.journeyNotice a{font-size:13px}.journeySection{margin-left:18px;margin-right:18px}.journeyCards,.journeyTwo{grid-template-columns:1fr}.journeyCard{min-height:175px}.journeyLower+.spSource{margin-left:18px;margin-right:18px}}
.communityHero{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(115deg,#eaf9f6 0%,#f5efff 100%);border-radius:18px;padding:38px 42px;min-height:275px}.communityHero h1{font-size:42px;margin:8px 0 10px}.communityHero p{max-width:570px}.communityHeroArt{width:260px;flex-shrink:0}.communityActions{display:flex;gap:10px;margin-top:22px}.communityTopics{margin:34px 0}.communityTopicGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.communityTopic{border:1px solid #e3eaf0;text-align:left;border-radius:12px;padding:17px 14px;min-height:128px;cursor:pointer;box-shadow:0 4px 16px #405b7310}.communityTopic span{display:block;font-size:13px;color:#718097}.communityTopic strong{display:block;font-size:18px;margin-top:12px;color:#15233d}.communityTopic small{display:block;color:#65768c;margin-top:7px;line-height:1.45}.communityTopic.mint{background:#edfaf7}.communityTopic.peach{background:#fff3eb}.communityTopic.lilac{background:#f5f0ff}.communityTopic.blue{background:#eff6ff}.communityFeatureGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin:28px 0}.communityFeature{border-radius:14px;padding:24px;background:#f7f3ff;min-height:235px}.photoFeature{background:#f4f8ff;display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:center}.photoFeature .spPhotos{background:transparent;margin:0;padding:0}.photoFeature .spPhotos h2{font-size:18px}.questionFeature{background:#fff4ea}.communityBoard{margin-top:34px}.communityBoardHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.communityTrust{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;padding:24px 28px;border-radius:12px;background:#eefaf8}.communityTrust h2{margin:4px 0}.communityTrust p{margin:0;max-width:720px}@media(max-width:850px){.communityTopicGrid{grid-template-columns:repeat(3,1fr)}.communityHero h1{font-size:36px}.photoFeature{grid-template-columns:1fr}.communityFeatureGrid{grid-template-columns:1fr}}@media(max-width:700px){.communityHero{padding:26px 20px;display:block}.communityHero h1{font-size:31px}.communityHeroArt{width:150px;margin:15px 0 0 auto}.communityTopicGrid{grid-template-columns:repeat(2,1fr);gap:8px}.communityTopic{min-height:112px;padding:13px 11px}.communityTopic strong{font-size:16px}.communityFeature{padding:18px}.communityBoardHead{align-items:flex-start;gap:10px}.communityTrust{display:block;padding:20px}.communityTrust .spButton{margin-top:14px}.communityActions{flex-wrap:wrap}}

/* v106 responsive composition: clear, independent group cards and balanced mobile grids */
#nuvinSubpage .publicGroups{margin:34px 0;padding:28px;background:#f4fbfa;border:1px solid #dfe9ec;border-radius:14px}
#nuvinSubpage .publicGroupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#nuvinSubpage .publicGroupCard{display:flex;min-width:0;min-height:190px;flex-direction:column;gap:7px;padding:20px;border:1px solid #e4eaec;border-radius:12px;background:#fff;color:#182b3d;text-decoration:none;box-shadow:0 5px 18px rgba(25,56,64,.06)}
#nuvinSubpage .publicGroupCard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,56,64,.12)}
#nuvinSubpage .publicGroupCard .groupMark{width:max-content;padding:4px 9px;border-radius:999px;background:#e7f5f1;color:#16777d;font-size:12px}
#nuvinSubpage .publicGroupCard strong{font-size:19px;line-height:1.35}
#nuvinSubpage .publicGroupCard p{font-size:14px;line-height:1.5;margin:0;min-height:42px}
#nuvinSubpage .publicGroupCard small{color:#657988}
#nuvinSubpage .publicGroupCard b{margin-top:auto;color:#16737c;font-size:13px}
@media(max-width:1199px){#nuvinSubpage .publicGroupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#nuvinSubpage .publicGroups{padding:20px;margin-left:0;margin-right:0}#nuvinSubpage .publicGroupGrid{grid-template-columns:1fr;gap:12px}#nuvinSubpage .publicGroupCard{min-height:160px}}

.savedEmpty{padding:28px;background:#f6fafb;border:1px solid #dfe9ec;border-radius:14px}.savedEmpty strong{font-size:20px}.savedEmpty p{margin:6px 0 14px}.savedEmpty a{display:inline-block;margin-right:8px;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #cfe0e6;color:#176d75}
@media(max-width:700px){.journeyCard{min-height:204px;padding:18px 18px 48px}.journeyCard h3{font-size:20px;line-height:1.35;margin:13px 0 5px}.journeyCard strong{font-size:14px;line-height:1.45}.journeyCard p{font-size:12px;line-height:1.5;margin:8px 0 0;max-width:100%;overflow-wrap:anywhere}.journeyMore{left:18px;bottom:16px;font-size:12px;line-height:1.3}}

@media(min-width:701px){#nuvinSubpage .communityBoard{grid-template-columns:156px minmax(0,1fr);gap:22px}#nuvinSubpage .communityBoard .spSide{padding-right:12px}#nuvinSubpage .communityBoard .spSide button{padding:8px;font-size:14px;white-space:normal;line-height:1.35;text-align:center}#nuvinSubpage .communityBoard .spSide button .spSprite{width:46px!important;height:46px!important;margin:0 auto 5px;display:block}}

.communityBoardExtra{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.communityBoardExtra button{border:1px solid #cfe0eb;background:#fff;border-radius:999px;padding:8px 12px;color:#245377;cursor:pointer}.spPinned{background:#f4fbfa}.spNotice{color:#0b7b79;font-weight:700}.spPostThumb{width:92px;height:60px;object-fit:cover;border-radius:8px;margin-top:8px}
/* Visual-first journey cards use consistent internal NUVIN image slots */
.journeyCard{padding:0;display:flex;flex-direction:column;min-height:310px}
.journeyCardImage{display:block;width:100%;height:118px;object-fit:cover;background:#eaf5f3}
.journeyCardBody{display:flex;flex-direction:column;flex:1;padding:18px 22px 48px;position:relative}
.journeyCardBody .journeyMore{left:22px;bottom:17px}
@media(max-width:760px){.journeyCard{min-height:270px}.journeyCardImage{height:105px}.journeyCardBody{padding:15px 18px 46px}.journeyCardBody .journeyMore{left:18px;bottom:15px}}
.communityHeroImage{display:block;width:100%;height:180px;object-fit:cover;border-radius:18px}@media(max-width:760px){.communityHeroImage{height:140px}}
.communitySummaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 30px}.communitySummaryCard{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid #dce8ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,72,100,.06)}.communitySummaryCard.recent{background:#effafa}.communitySummaryCard.popular{background:#fff7ef}.communitySummaryCard.notice{background:#f3f1ff}.communitySummaryIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#147f86;color:#fff;font-size:22px;font-weight:800;flex:0 0 auto}.communitySummaryCard.popular .communitySummaryIcon{background:#ec8c4c}.communitySummaryCard.notice .communitySummaryIcon{background:#7664c5}.communitySummaryCard h3{margin:4px 0 6px;font-size:19px}.communitySummaryCard p{margin:0 0 10px;color:#647481;font-size:14px;line-height:1.5}.communitySummaryCard a{color:#0b7180;font-weight:700;font-size:13px}.communityCarePrep{margin:34px 0;padding:26px;border-radius:20px;background:linear-gradient(135deg,#effaf8,#f7f3ff);border:1px solid #d9e9eb}.communityCarePrep .spSectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.communityCareRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.communityCareRow{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #e2eaee}.communityCareRow span{grid-row:span 2;color:#16818a;font-weight:800}.communityCareRow strong{font-size:14px;color:#193245}.communityCareRow small{color:#7e8e99;font-size:11px;margin-top:3px}@media(max-width:800px){.communitySummaryGrid{grid-template-columns:1fr 1fr}.communitySummaryCard{padding:15px;gap:10px}.communitySummaryCard h3{font-size:16px}.communitySummaryCard p{font-size:12px}.communityCarePrep{padding:20px}.communityCarePrep .spSectionHead{display:block}.communityCarePrep .spButton{margin-top:14px}.communityCareRows{grid-template-columns:1fr}}@media(max-width:520px){.communitySummaryGrid{grid-template-columns:1fr}.communitySummaryCard{min-height:0}.communityCareRow{padding:11px 12px}}

/* Journey cards: keep generated photography readable and keep faces inside the frame. */
#nuvinSubpage .journeyCardImage{height:150px;object-fit:cover;object-position:center 18%;}
@media(max-width:760px){#nuvinSubpage .journeyCardImage{height:126px;object-position:center 18%;}}


/* Community visual hierarchy and video library */
#nuvinSubpage .communityHeroArt{width:320px}
#nuvinSubpage .communityHeroImage{height:210px;object-fit:cover;object-position:center center}
#nuvinSubpage .spTabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;border:0;padding:4px 0 8px;scrollbar-width:none}
#nuvinSubpage .spTabs::-webkit-scrollbar{display:none}
#nuvinSubpage .spTabs button{flex:0 0 auto;border:1px solid #d7e4ea;background:#fff;border-radius:999px;color:#526580;padding:8px 15px;white-space:nowrap}
#nuvinSubpage .spTabs .active{background:#117f87;border-color:#117f87;color:#fff;border-bottom:1px solid #117f87}
.videoHero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 30px;border-radius:18px;background:linear-gradient(120deg,#edf9f6,#f4effd);margin-bottom:24px}
.videoHero h1{margin:8px 0;font-size:38px}.videoHero p{max-width:650px}.videoHeroMark{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#147f86;color:#fff;font-size:32px;flex:0 0 auto}
.videoTabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}.videoTabs::-webkit-scrollbar{display:none}.videoTabs button{flex:0 0 auto;border:1px solid #d7e4ea;background:#fff;border-radius:999px;padding:9px 15px;color:#526580}.videoTabs button.active{background:#147f86;border-color:#147f86;color:#fff}
.videoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.videoEmpty{min-height:260px;padding:24px;border:1px solid #dfe9ec;border-radius:16px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.videoPlay{width:54px;height:54px;border-radius:16px;background:#eef5ff;color:#1765c0;display:grid;place-items:center;font-size:22px}.videoPlay.mint{background:#eaf9f5;color:#147f86}.videoPlay.lilac{background:#f2efff;color:#7664c5}.videoEmpty h2{font-size:21px;margin:8px 0}.videoEmpty p{font-size:14px}.videoEmpty small{color:#718097}.videoNotice{margin-top:24px;padding:18px 22px;border-radius:12px;background:#eef7ff;color:#335879}.videoNotice p{margin:4px 0 0}
@media(max-width:760px){#nuvinSubpage .communityHeroArt{width:100%;margin:18px 0 0}#nuvinSubpage .communityHeroImage{height:180px}.videoHero{display:block;padding:24px 20px}.videoHero h1{font-size:29px}.videoHeroMark{margin-top:18px}.videoGrid{grid-template-columns:1fr}.videoEmpty{min-height:200px}}

.videoBoardHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:26px 0 12px}.videoBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.videoPostCard{display:block;border:1px solid #dfe9ec;border-radius:16px;overflow:hidden;background:#fff;color:#182b3d;text-decoration:none}.videoPostMedia{aspect-ratio:16/9;background:#eaf3f5;overflow:hidden}.videoPostMedia img{width:100%;height:100%;display:block;object-fit:cover}.videoPosterFallback{width:100%;height:100%;display:grid;place-items:center;font-size:42px;color:#147f86;background:linear-gradient(135deg,#e8f7f4,#f4efff)}.videoPostBody{padding:18px 20px 20px}.videoPostBody h3{font-size:21px;margin:6px 0}.videoPostBody p{margin:5px 0 12px;font-size:14px}.videoPostBody small{color:#718097}.videoBoardEmpty{grid-column:1/-1;padding:50px 24px;text-align:center;border:1px dashed #cbdde2;border-radius:16px;background:#f8fcfc}.videoBoardEmpty p{margin:8px 0 16px}.videoPlayer{display:block;width:100%;max-height:680px;background:#0f1824;border-radius:16px;margin:24px 0;object-fit:contain}.videoDetail{max-width:900px;margin:0 auto}.videoDetail h1{margin:8px 0}.videoMeta{display:flex;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #e0e8ee;border-bottom:1px solid #e0e8ee;color:#65768c}.videoExternal{padding:70px 24px;text-align:center;background:#eff7ff;border-radius:16px;margin:24px 0}.videoWritingTip{margin:20px 0;padding:18px 22px;border-radius:12px;background:#eefaf8}.videoWritingTip p{margin:5px 0}.videoTabs+ .videoBoardHead{margin-top:18px}
@media(max-width:760px){.videoBoardHead{align-items:flex-start}.videoBoard{grid-template-columns:1fr}.videoPostBody h3{font-size:19px}.videoPlayer{max-height:none}.videoMeta{display:block}.videoMeta span{display:block;margin-top:4px}}

.videoShelf{margin:24px 0 36px}.videoShelfHead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.videoShelfHead h2{margin:0}.videoShelfHead span{font-size:13px;color:#718097}.videoPostCard.isShort .videoPostMedia{aspect-ratio:9/10;max-height:420px}.videoFrame{border:0;aspect-ratio:16/9}.shortPlayer{aspect-ratio:9/16;max-width:440px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.videoPostCard.isShort .videoPostMedia{aspect-ratio:9/12;max-height:none}.shortPlayer{max-width:100%}}

.videoHero{position:relative;overflow:hidden;min-height:350px;padding:42px 44px;background:linear-gradient(120deg,#e8f9f5 0%,#f0f3ff 55%,#fff5ec 100%);box-shadow:0 18px 50px rgba(42,87,108,.10)}.videoHero:after{content:"";position:absolute;width:360px;height:260px;border-radius:50%;right:220px;top:-120px;background:rgba(255,255,255,.45);pointer-events:none}.videoHero h1{font-size:44px;letter-spacing:-1.8px}.videoHeroChips{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.videoHeroChips span{padding:7px 11px;border-radius:999px;background:#ffffffb8;color:#18777d;font-size:12px;font-weight:700}.videoHeroVisual{position:relative;width:min(48%,520px);height:300px;flex:0 0 48%;border-radius:22px;overflow:hidden;box-shadow:0 18px 32px rgba(29,75,94,.18);background:#dff4ef;transform:rotate(1deg)}.videoHeroVisual img{width:100%;height:100%;object-fit:cover;object-position:center center}.videoHeroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 45%,rgba(9,35,54,.42))}.videoHeroPlay{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0a78d4;color:#fff;font-size:26px;box-shadow:0 8px 20px rgba(0,69,140,.32)}.videoHeroVisual small{position:absolute;z-index:1;left:18px;bottom:16px;color:#fff;font-size:11px;letter-spacing:1.4px;font-weight:800}.videoHeroMark{display:none}
@media(max-width:760px){.videoHero{min-height:0;padding:28px 22px}.videoHero h1{font-size:32px}.videoHeroVisual{width:100%;height:230px;margin-top:22px;transform:none}.videoHero:after{right:-110px}.videoHeroChips{margin:14px 0}}