/* Leaf in's actual drawer / long-page format, rendered at a 390px viewport.
   References: SiteView.tsx, reference.css, style.css. Cover + serif theme,
   PROFILE / LINKS / SCHEDULE blocks, lavender index, no public header.
   The company-site scroll presents the long page; this is fictional content. */
.profile-window .sample-page{position:absolute;top:0;left:50%;width:390px;height:var(--sample-height,693.333px);transform:translateX(-50%) scale(var(--sample-scale,1));transform-origin:top center;overflow:hidden;background:#fff;color:#243064;font:16px/1.6 Arial,"Yu Gothic",Meiryo,sans-serif}
.profile-window .sample-scroll-sheet{transform:translate3d(0,var(--sample-page-y,0px),0);will-change:transform}
.profile-window .sample-label{font:9px Arial,sans-serif}
.profile-window .sample-profile{position:relative}
.profile-window .sample-cover{width:100%;height:365px;min-height:0;max-height:none;object-fit:cover;object-position:65% 42%}
.profile-window .sample-identity{position:absolute;inset:0 0 auto;height:365px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;min-height:0;padding:30px 27px;background:linear-gradient(0deg,#f6f2f6d9,transparent 38%);color:#282633}
.profile-window .sample-name{margin:10px 0 12px;font:400 33.6px/1.3 Georgia,"Yu Mincho",serif;letter-spacing:.16em;overflow-wrap:anywhere}
.profile-window .sample-role{font:500 8.8px/1.65 Arial,sans-serif;letter-spacing:.14em;max-width:155px}
.profile-window .sample-profile-description{padding:27px 26px 25px;font:12.32px/1.9 Arial,"Yu Gothic",sans-serif;opacity:.72}
.profile-window .sample-panel{max-width:780px;padding:26px;font-size:12.48px;line-height:1.6}
.profile-window .sample-panel h5{margin:0 0 6px;font:400 21.12px/1.5 Georgia,"Yu Mincho",serif;letter-spacing:.07em}
.profile-window .sample-section-description{font:9.28px/1.65 Arial,sans-serif;opacity:.45;letter-spacing:.12em;margin-bottom:20px}
.profile-window .sample-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;border:1px solid #24306426;border-radius:8px;padding:18px 20px;min-height:58px;font:14.08px/1.6 Arial,sans-serif;background:#f9f8ff}
.profile-window .sample-row span{color:inherit}
.profile-window .sample-calendar-title{text-align:center;font-weight:700;font-size:14.88px;margin:0 0 20px}
.profile-window .mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;color:inherit;font:12.8px/1 Arial,sans-serif}
.profile-window .mini-calendar>span{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1;padding:0;opacity:.6}
.profile-window .mini-calendar>.sample-week{aspect-ratio:2;font-size:10.56px;opacity:.45}
.profile-window .mini-calendar>.has-event{background:none;border-radius:0;font-weight:700;opacity:1}
.profile-window .mini-calendar i{position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:4px}
.profile-window .sample-calendar-note{margin-top:16px;font-size:12px;opacity:.6}
.profile-window .sample-index{position:absolute;right:0;top:50%;width:196px;height:80%;transform:translate(calc(100% * (1 - var(--drawer-progress,0))),-50%);background:#dad3ff;border:1px solid #24306414;border-radius:22px 0 0 22px;box-shadow:-9px 0 35px #34284818;transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:5}
.profile-window .sample-index[data-auto=true]{transition:none}
.profile-window .sample-index-handle{position:absolute;left:-30px;top:calc(50% - 56px);width:30px;height:112px;border-radius:9px 0 0 9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 0;background:#cec4ff;color:#243064;box-shadow:-5px 2px 12px #19301c0d;font:14px Arial,sans-serif}
.profile-window .sample-index-handle>span:first-child{writing-mode:vertical-rl;font:700 9.12px Arial,sans-serif;letter-spacing:.18em}
.profile-window .sample-index-content{height:100%;display:flex;flex-direction:column;padding:12px 14px}
.profile-window .sample-index-content>p{font-size:8.48px;opacity:.5;margin:0 0 6px}
.profile-window .sample-index-content nav{flex:1;display:grid;grid-auto-rows:minmax(min-content,1fr);gap:2px}
.profile-window .sample-index-content nav>button{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;text-align:left;color:inherit}
.profile-window .sample-index-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;color:#243064}
.profile-window .sample-index-icon svg{width:18px;height:18px}
.profile-window .sample-index-content strong{display:block;font-size:11.52px;font-weight:500;letter-spacing:.03em}
.profile-window .sample-index-content small{display:block;font-size:9.92px;opacity:.5;margin-top:3px}
.profile-window .sample-drawer-backdrop{position:absolute;inset:0;z-index:4;background:#17251d0a;opacity:var(--drawer-progress,0)}
.profile-window [data-demo-section]:focus-visible{outline:2px solid #cec4ff;outline-offset:-4px}