/* Scope: approved homepage arrangement, restoration of product navigation,
   notebook safe margins, and real canvas magnification. Original assets stay in use. */
.ui-menu-product{grid-column:1/-1;padding:12px;background:#f0f5f0;border-radius:7px}
.ui-menu-product>a{display:block;padding-bottom:10px}
.ui-product-submenu{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border-top:1px solid #dce6de;padding-top:5px}
.ui-product-submenu a{display:block;padding:8px 0;font-size:12px;color:#557184}
.ui-nav-dropdown:has(.ui-menu-product)>a{grid-column:1/-1}
.ui-header.topbar{max-width:100vw;box-sizing:border-box}
.ui-header .main-nav{flex:0 1 auto;min-width:0}
.ui-header .account{flex:0 0 auto}

/* Product interiors retain their original authored layout and content. */
.v6-site.ui-intimacy-page .v6-product-nav{display:grid!important;position:absolute!important;left:34px;right:34px;top:82px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px!important;margin:0!important;padding:0!important}
.v6-site.ui-intimacy-page .v6-product-nav a{min-width:0;height:35px;min-height:35px;font-size:12px;line-height:19px;padding:7px 4px;text-align:center;border:1px solid #cedfec;background:#fff;border-radius:3px;color:#286aa7}
.v6-site.ui-intimacy-page .v6-product-nav a.active{background:#286aa7;color:#fff;border-color:#286aa7}
.v6-site.ui-intimacy-page .v6-product-nav a:last-child{grid-column:auto}
.v6-site.ui-intimacy-page .v6-main{padding-top:0}
.v6-site.ui-intimacy-page .v6-bottom,.v6-site.ui-intimacy-page .add1-product-bottom{display:flex}
@media(max-width:700px){
 .v6-site.ui-intimacy-page .v6-product-nav{position:relative!important;inset:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 20px!important;gap:7px!important}
 .v6-site.ui-intimacy-page .v6-product-nav a{font-size:11px;height:auto;min-height:34px;line-height:18px}
 .v6-site.ui-intimacy-page .v6-bottom,.v6-site.ui-intimacy-page .add1-product-bottom{flex-wrap:wrap}
}

/* Match the supplied layout reference, without replacing background or buttons. */
.ui-home .ui-home-stories{background:#fffcf5ed;border:1px solid #e1dfd3;border-radius:16px;padding:18px;display:flex;flex-direction:column;align-self:stretch}
.ui-home .ui-story-heading{margin:0 0 14px;gap:18px}
.ui-home .ui-story-heading h2{font-family:inherit;font-weight:600;font-size:21px;letter-spacing:0}
.ui-home .ui-home-story-grid{max-width:none;flex:1;gap:12px}
.ui-home .ui-home-story{padding:14px 12px;min-height:112px;align-items:center}
.ui-home .ui-home-story h3{font-size:14px;white-space:nowrap;margin-bottom:8px}
.ui-home .ui-home-story p{font-size:12px;line-height:1.75}
.ui-home .ui-home-story img{width:54px;height:78px;border-radius:5px}
.ui-home .ui-home-notice{max-width:none;width:auto;align-self:stretch;justify-self:stretch;border-radius:16px;background:#fffcf5ed;padding:15px 18px;gap:7px;box-shadow:none}
.ui-home .ui-notice-title{width:100%;height:45px;margin:0 0 3px}
.ui-home .ui-notice-title h2{font-size:17px}
.ui-home .ui-home-notice h3{font-size:16px}
.ui-home .ui-home-notice p{font-size:12px;line-height:1.65}
.ui-home .ui-home-notice .button{font-size:12px;margin-top:auto}
@media(min-width:851px){
 .ui-home .ui-main{width:min(1320px,90%);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(255px,1fr) clamp(210px,27vh,260px) 22px;gap:22px 14px;padding:26px 0 12px}
 .ui-home .ui-home-intro{grid-column:1/5;grid-row:1;align-self:center;padding:0}
 .ui-home .ui-home-entries{grid-column:5/13;grid-row:1;max-width:none;gap:14px;align-self:center}
 .ui-home .ui-home-entry{min-height:clamp(118px,18vh,175px)}
 .ui-home .ui-home-stories{grid-column:1/10;grid-row:2}
 .ui-home .ui-home-notice{grid-column:10/13;grid-row:2}
 .ui-home .ui-home-footer{grid-column:1/-1;grid-row:3}
 .ui-home .ui-home-intro h1{font-size:clamp(28px,2.6vw,40px);line-height:1.6;margin:12px 0 18px}
 .ui-home .ui-home-intro p{font-size:15px}
}
@media(min-width:851px) and (max-width:1150px){
 .ui-home .ui-main{width:94%;gap:16px 10px}
 .ui-home .ui-home-stories{padding:13px}
 .ui-home .ui-home-story{padding:10px 8px;gap:7px}
 .ui-home .ui-home-story img{width:38px;height:60px}
 .ui-home .ui-home-story h3{font-size:12px}.ui-home .ui-home-story p{font-size:10px}
 .ui-home .ui-home-notice{padding:12px}.ui-home .ui-home-notice p{font-size:11px}
}
@media(min-width:851px) and (max-height:700px){
 .ui-home .ui-main{padding:16px 0 8px;grid-template-rows:minmax(225px,1fr) 198px 20px;gap:14px 12px}
 .ui-home .ui-home-entry{min-height:108px;padding:12px 18px}
 .ui-home .ui-home-entry h2{font-size:20px;margin:8px 0 5px}
 .ui-home .ui-home-intro h1{font-size:28px;margin:7px 0 10px}
 .ui-home .ui-home-intro p{font-size:13px;line-height:1.65;margin-bottom:12px}
 .ui-home .ui-home-stories{padding:13px 15px}.ui-home .ui-story-heading{margin-bottom:10px}
 .ui-home .ui-home-notice{padding:10px 14px;gap:5px}.ui-home .ui-notice-title{height:34px}
 .ui-home .ui-home-notice h3{font-size:14px}.ui-home .ui-home-notice p{font-size:11px}
}
@media(max-width:700px){
 .ui-home .ui-home-stories{padding:11px;border-radius:13px}
 .ui-home .ui-story-heading{margin-bottom:9px}.ui-home .ui-story-heading h2{font-size:18px}
 .ui-home .ui-home-story-grid{gap:7px}
 .ui-home .ui-home-story{padding:9px 7px;min-height:77px}
 .ui-home .ui-home-story img{width:27px;height:32px;border-radius:2px}
 .ui-home .ui-home-story h3{font-size:11px;white-space:normal;line-height:1.65;margin:0}
 .ui-home .ui-home-notice{padding:10px 14px;gap:5px;border-radius:13px}
 .ui-home .ui-notice-title{width:180px;height:38px;margin:0}
 .ui-home .ui-home-notice h3{font-size:14px}.ui-home .ui-home-notice p{font-size:11px}
}

/* Notebook footer is part of the grid, never overprinted on the page edge. */
.ui-sweet-page .v6-generic.with-product{padding:18px 3% 16px}
.ui-sweet-page .exp-book{height:calc(100dvh - 184px);min-height:440px;max-height:700px;padding:clamp(42px,7vh,60px) 8% clamp(56px,9vh,78px);gap:14px 10%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.ui-sweet-page .exp-book-left{display:flex;flex-direction:column;align-items:flex-start;min-height:0;gap:0}
.ui-sweet-page .exp-book-left>small,.ui-sweet-page .exp-book-right>small{flex:0 0 auto;margin:0 0 14px}
.ui-sweet-page .exp-prefix{font-size:15px!important;line-height:1.6;margin:0 0 13px!important}
.ui-sweet-page #exp-trial-question{min-height:0}
.ui-sweet-page #exp-trial-question h2{font-size:clamp(16px,1.5vw,20px);line-height:1.55;margin:10px 0 12px}
.ui-sweet-page #exp-trial-question p{font-size:14px;line-height:1.65;margin:0 0 14px}
.ui-sweet-page .exp-topic{font-size:12px;padding:3px 10px}
.ui-sweet-page .exp-book-left>button{flex:0 0 auto}
.ui-sweet-page .exp-reflection{font-size:13px!important;line-height:1.7;margin:auto 0 0!important;padding-top:16px}
.ui-sweet-page #exp-trial-card{min-height:0;flex:1;width:100%}
.ui-sweet-page #exp-trial-card img{height:min(32vh,300px);max-height:100%;max-width:100%;object-fit:contain}
.ui-sweet-page .exp-book-right>button{flex:0 0 auto;margin-top:10px}
.ui-sweet-page .exp-book-right>p{flex:0 0 auto;font-size:12px;line-height:1.6;margin:8px 0 0}
.ui-sweet-page .exp-book-bottom{position:static;grid-column:1/-1;grid-row:2;min-height:30px;align-items:center;margin:0;font-size:11px}
.ui-sweet-page .exp-book-bottom button{margin:0;min-height:30px}
@media(max-width:700px){
 .ui-sweet-page .v6-generic.with-product{padding:14px 3% 12px}
 .ui-sweet-page .exp-book{height:calc(100dvh - 168px);min-height:480px;padding:50px 8% 60px;gap:16px 9%}
 .ui-sweet-page .exp-book small{font-size:9px;letter-spacing:0}
 .ui-sweet-page .exp-prefix{font-size:12px!important;margin-bottom:12px!important}
 .ui-sweet-page #exp-trial-question h2{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
 .ui-sweet-page #exp-trial-question p{font-size:12px;line-height:1.65}
 .ui-sweet-page .exp-topic{font-size:10px;padding:3px 6px}
 .ui-sweet-page .exp-reflection{font-size:11px!important;line-height:1.7;padding-top:15px}
 .ui-sweet-page .exp-book-right>p{font-size:10px;line-height:1.65}
 .ui-sweet-page #exp-trial-card img{height:min(30vh,250px);padding:3px}
 .ui-sweet-page .exp-book-bottom span{font-size:9px}
}
@media(min-width:701px) and (max-height:700px){
 .ui-sweet-page .v6-generic.with-product{padding-top:10px;padding-bottom:10px}
 .ui-sweet-page .exp-book{height:calc(100dvh - 165px);min-height:400px;padding-top:42px;padding-bottom:56px;gap:10px 10%}
 .ui-sweet-page .exp-book-left>small,.ui-sweet-page .exp-book-right>small{margin-bottom:10px}
 .ui-sweet-page .exp-prefix{font-size:13px!important;margin-bottom:8px!important}
 .ui-sweet-page #exp-trial-question h2{font-size:17px;margin:8px 0}
 .ui-sweet-page #exp-trial-question p{font-size:12px;margin-bottom:9px}
 .ui-sweet-page .exp-reflection{font-size:12px!important;padding-top:10px}
 .ui-sweet-page #exp-trial-card img{height:190px}
}

/* Canvas shape follows each source asset; full-image fit uses the available screen. */
.ui-room .add1-board-shell{display:block;overflow:hidden!important}
.ui-room #board.board{max-width:none!important;max-height:none!important;margin-inline:auto;flex:none}
.ui-room .ui-canvas-zoom{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}
.ui-room .ui-canvas-zoom button{font-size:10px;padding:4px 6px}
.ui-room .ui-canvas-zoom-value{font-size:10px;color:var(--room-muted);min-width:32px;text-align:center}
.ui-room.ui-immersive .add1-room-toolbar{max-width:calc(100% - 16px)}
.ui-room.ui-immersive .add1-room-layout{padding-left:16px;padding-right:16px}
@media(max-width:700px){.ui-room .ui-canvas-zoom{margin-left:0}.ui-room .ui-canvas-zoom button{font-size:10px;padding:4px}.ui-room.ui-immersive .add1-board-shell{padding-bottom:115px!important}}

/* A flat, operable screen with a silver rim and depth around its outside. */
.ui-room .add1-board-shell{padding:14px!important;isolation:isolate}
.ui-room #board.board{aspect-ratio:auto;border:0!important;background-size:100% 100%;background-clip:padding-box;border-radius:9px;outline:1px solid #e1e7ed;box-shadow:0 0 0 4px #68778540,0 8px 0 5px #23394c20,0 20px 35px -10px #0c193d70,0 1px 3px #fff9}
.ui-room.add1-room.v6-site[data-theme=night]{background-color:#15172bf5!important}
.ui-room[data-theme=night] #board.board{outline-color:#c2cbe3;box-shadow:0 0 0 4px #7f8cad60,0 8px 0 5px #0b102de0,0 22px 40px -8px #02051af0,0 0 20px #a6b9e026}
.ui-room[data-theme=night] .add1-material-panel,.ui-room[data-theme=night] .add1-room-side{box-shadow:0 8px 22px #05091d55}
.ui-room #board.board .board-item.card{box-shadow:0 4px 9px #07172c38}
.ui-room:fullscreen{height:100dvh;width:100vw}
.ui-room:fullscreen .add1-room-header{display:none}
.ui-room:fullscreen .add1-room-layout{height:100dvh;padding:6px 12px!important;column-gap:0!important}
.ui-room:fullscreen .exp-current-question.ui-no-question{display:none}
.ui-room:fullscreen .add1-board-shell{padding:8px 8px 46px!important}
.ui-room:fullscreen .ui-room-rail{top:12px}
.ui-room:fullscreen .add1-room-toolbar{bottom:8px}
@media(max-width:700px){.ui-room .add1-board-shell{padding:10px!important}.ui-room #board.board{box-shadow:0 0 0 3px #7f8cad60,0 10px 22px -8px #050b2355}}
@media(max-width:700px){.ui-room:fullscreen .add1-board-shell{padding-bottom:115px!important}}
@media(prefers-reduced-motion:reduce){.ui-room #board.board{transition:none}}

/* Homepage matches the user's latest editable Word (09:06, 2026-10-10).
   Only A01 is adjusted; product pages, room layout and stored content are untouched. */
.ui-home{position:relative;isolation:isolate;background:#fffdf8}
.ui-home:before{content:'';position:absolute;inset:var(--ui-header-height) 0 0;z-index:-1;pointer-events:none;background:url('/experience/home-abstract-first.jpeg') center/cover no-repeat;opacity:1}
.ui-home .ui-home-intro h1{font-family:SimSun,'Songti SC',serif;font-weight:600;line-height:1.45}
.ui-home .ui-home-entry{border:1px solid #f5f4eb;border-radius:15px;box-shadow:3px 4px 5px #203e5030;padding:24px}
.ui-home .ui-home-entry>span{display:none}
.ui-home .ui-home-entry small{font-size:12px;letter-spacing:0}
.ui-home .ui-home-entry p{margin:0;line-height:1.6}
.ui-home .ui-home-stories{background:#fffefaf2;border:0;padding:22px 20px 19px;border-radius:18px}
.ui-home .ui-story-heading{margin-bottom:14px;gap:clamp(18px,4vw,62px)}
.ui-home .ui-story-heading h2{font-family:inherit;font-weight:600;font-size:21px;letter-spacing:0}
.ui-home .ui-home-story-grid{max-width:none;flex:1;gap:6px}
.ui-home .ui-home-story{background-image:none;display:block;padding:19px 20px;border-radius:12px;min-height:110px}
.ui-home .ui-home-story-fans{background-color:#fbe9df}.ui-home .ui-home-story-island{background-color:#e3f1fa}.ui-home .ui-home-story-psychology{background-color:#f6f0db}
.ui-home .ui-home-story h3{font-size:18px;margin:0 0 9px}.ui-home .ui-home-story p{font-size:14px;line-height:1.65}
.ui-home .ui-home-story>span{font-size:22px;right:17px;bottom:11px}
.ui-home .ui-home-notice{position:relative;border:1px solid #568fb9;border-radius:18px;background:#fffefaf5;padding:6px 6px 18px;gap:15px}
.ui-home .ui-notice-heading{display:block;background:#f6f0db;border-radius:4px;padding:6px 20px;height:52px;flex:none}
.ui-home .ui-notice-heading h2{font-family:inherit;font-size:22px;font-weight:600;margin:0;white-space:nowrap}
.ui-home .ui-notice-link{position:absolute;right:34px;bottom:19px;font-size:12px;white-space:nowrap;color:#173d62}
.ui-home .ui-notice-record{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;flex:1;align-content:start;padding:0 24px 22px}
.ui-home .ui-notice-record>div{padding-top:9px}
.ui-home .ui-notice-record h3{font-size:22px;line-height:1.5;margin:0 0 7px;font-weight:500}
.ui-home .ui-notice-record p{font-size:14px;color:#6c8090;margin:0 0 12px;line-height:1.6}
.ui-home .ui-notice-schedule{border-left:1px solid #e4e2d7;padding-left:24px;min-height:85px}
.ui-home .ui-home-footer{color:#687d86}
@media(min-width:851px){
 .ui-home .ui-main{width:min(1440px,84%);grid-template-columns:62% 34%;grid-template-rows:minmax(280px,1fr) clamp(195px,27.5vh,235px) 22px;padding:48px 0 12px;gap:30px 4%}
 .ui-home .ui-home-intro{grid-column:1;grid-row:1;width:55%;padding-left:45px;align-self:center}
 .ui-home .ui-home-entries{grid-column:1/-1;grid-row:1;margin-left:35%;width:67.5%;max-width:none;grid-template-columns:minmax(0,.92fr) minmax(0,.98fr) minmax(0,1.05fr) minmax(0,1.05fr);gap:20px;align-self:center;transform:translateY(9px)}
 .ui-home .ui-home-entry{height:clamp(205px,30.4vh,275px);min-height:0;padding:22px 24px;justify-content:flex-start}
 .ui-home .ui-home-entry h2{font-size:clamp(21px,1.87vw,29px);line-height:1.5;margin:40px 0 7px;white-space:nowrap}
 .ui-home .ui-home-entry p{font-size:clamp(12px,1.15vw,17px)}
 .ui-home .ui-home-stories{grid-column:1;grid-row:2}
 .ui-home .ui-home-notice{grid-column:2;grid-row:2}
 .ui-home .ui-home-footer{grid-column:1/-1;grid-row:3}
 .ui-home .ui-home-intro h1{font-size:clamp(28px,2.86vw,42px);margin:16px 0 28px;white-space:nowrap}
 .ui-home .ui-home-intro p{font-size:clamp(15px,1.48vw,22px);line-height:1.5;margin-bottom:24px;white-space:nowrap}
 .ui-home .ui-home-join{font-size:clamp(14px,1.4vw,20px);padding:11px 32px;min-height:46px;white-space:nowrap;margin-bottom:13px}
 .ui-home .ui-home-intro>small{font-size:12px;letter-spacing:0;white-space:nowrap}
 .ui-home .ui-story-heading h2{font-size:23px}.ui-home .ui-home-story p{font-size:15px}
}
@media(min-width:851px) and (max-width:1150px){
 .ui-home .ui-main{width:90%}.ui-home .ui-home-intro{padding-left:15px}
 .ui-home .ui-home-entries{gap:12px;width:67%}.ui-home .ui-home-entry{padding:18px 13px}
 .ui-home .ui-home-entry h2{font-size:21px}.ui-home .ui-home-entry p{font-size:12px}
 .ui-home .ui-home-join{font-size:13px;padding:10px 13px}
 .ui-home .ui-home-stories{padding:15px}.ui-home .ui-story-heading{gap:14px}.ui-home .ui-story-heading h2{font-size:18px}.ui-home .ui-story-heading p{font-size:11px}
 .ui-home .ui-home-story{padding:15px 10px}.ui-home .ui-home-story h3{font-size:14px}.ui-home .ui-home-story p{font-size:12px}
 .ui-home .ui-notice-record{gap:12px;padding-inline:14px}.ui-home .ui-notice-schedule{padding-left:12px}.ui-home .ui-notice-record p{font-size:12px}.ui-home .ui-notice-record h3{font-size:18px}
}
@media(min-width:851px) and (max-height:700px){
 .ui-home .ui-main{padding-top:25px;grid-template-rows:minmax(240px,1fr) 185px 20px;gap:22px 4%}
 .ui-home .ui-home-entry{height:205px;padding-top:18px}.ui-home .ui-home-entry h2{font-size:23px;margin-top:30px}
 .ui-home .ui-home-intro h1{font-size:31px;margin:10px 0 19px}.ui-home .ui-home-intro p{font-size:16px;margin-bottom:18px}
 .ui-home .ui-home-intro>small{font-size:11px}.ui-home .ui-home-join{font-size:15px;min-height:40px;padding:10px 18px;margin-bottom:8px}
 .ui-home .ui-home-stories{padding:16px}.ui-home .ui-story-heading{margin-bottom:10px}.ui-home .ui-home-story{padding:13px;min-height:98px}.ui-home .ui-home-story h3{font-size:16px;margin-bottom:8px}.ui-home .ui-home-story p{font-size:12px}
 .ui-home .ui-notice-heading{height:44px}.ui-home .ui-notice-heading h2{font-size:20px}.ui-home .ui-home-notice{gap:10px}.ui-home .ui-notice-record{padding-bottom:19px}.ui-home .ui-notice-record h3{font-size:20px}.ui-home .ui-notice-record p{font-size:12px;margin-bottom:10px}.ui-home .ui-notice-link{bottom:12px}
}
@media(max-width:850px){
 .ui-home .ui-home-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-home .ui-home-entry{padding:16px;border-radius:14px}
 .ui-home .ui-home-stories{padding:15px}.ui-home .ui-home-story p{font-size:12px}
 .ui-home .ui-home-notice{min-height:174px}.ui-home .ui-notice-record{padding-inline:16px}
}
@media(max-width:700px){
 .ui-home .ui-main{gap:12px}.ui-home .ui-home-intro h1{font-size:26px}
 .ui-home .ui-home-entry{padding:12px}.ui-home .ui-home-entry h2{font-size:17px;margin:6px 0}.ui-home .ui-home-entry p{font-size:11px}.ui-home .ui-home-entry small{font-size:10px}
 .ui-home .ui-home-stories{padding:13px}.ui-home .ui-home-story{padding:12px 8px;min-height:75px}.ui-home .ui-home-story h3{font-size:12px;line-height:1.5;white-space:normal;margin:0}
 .ui-home .ui-notice-heading{height:35px;padding:3px 13px}.ui-home .ui-notice-heading h2{font-size:18px}.ui-home .ui-home-notice{gap:7px;min-height:149px;padding-bottom:12px}
 .ui-home .ui-notice-link{font-size:10px;right:20px;bottom:9px}.ui-home .ui-notice-record h3{font-size:18px}.ui-home .ui-notice-record p{font-size:12px;margin-bottom:8px}.ui-home .ui-notice-record{gap:13px;padding-bottom:15px}.ui-home .ui-notice-record>div{padding-top:3px}.ui-home .ui-notice-schedule{padding-left:13px;min-height:62px}
}