/* A quiet paper notebook, reusing the original character and prop drawings. */
.notebook-page{background:#fff8eb}.notebook-page .browser-frame{max-width:1440px}.notebook-page header{padding:32px 5%;align-items:center}.notebook-page header nav a[aria-current="page"]{position:relative}.notebook-page header nav a[aria-current="page"]:after{content:"";position:absolute;bottom:-12px;left:calc(50% - 3px);width:6px;height:6px;background:#ce6627;border-radius:50%}
.notebook-content{max-width:1120px;margin:auto;padding:10px 40px 64px}.notebook-page p{line-height:1.95}.notebook-kicker{font-size:12px!important;letter-spacing:.16em;color:#685b4c;margin:0 0 20px}.notebook-kicker span{letter-spacing:.07em;margin-left:18px;border-left:1px solid #c6b9a7;padding-left:18px}.notebook-intro{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:44px;padding:38px 0 50px}.profile-copy h1{font-size:44px;line-height:1.3;letter-spacing:.08em;margin:0 0 18px}.profile-copy h1 span{display:block;font-size:11px;letter-spacing:.16em;font-weight:400;margin-top:12px}.profile-role{font-size:14px;font-weight:700;margin:0 0 14px}.profile-copy>p:not(.notebook-kicker):not(.profile-role){font-size:16px;margin:10px 0;max-width:540px}.profile-lead{font-weight:500}
.portrait-note{margin:0;position:relative;height:290px;border:1.5px solid #c6b9a7;border-radius:3px 8px 4px 3px;background:repeating-linear-gradient(transparent 0 29px,#dfd5c640 30px 31px);transform:rotate(2deg)}.portrait-note:before{content:"";position:absolute;width:84px;height:22px;background:#e2bb765c;left:calc(50% - 42px);top:-12px;transform:rotate(-6deg)}.note-label{position:absolute;top:16px;left:22px;font-size:13px;color:#71654f}.portrait-kazuma{position:absolute;height:177px;left:20%;bottom:51px;transform:rotate(-2deg)}.portrait-emotia{position:absolute;height:153px;right:12%;bottom:51px;transform:scaleX(-1) rotate(2deg)}.portrait-note figcaption{position:absolute;bottom:12px;width:100%;text-align:center;font-size:11px;color:#685b4c;line-height:1.7}
.notebook-chapter{border-top:1.5px solid #b3aa9c;padding:38px 0 44px}.chapter-heading .notebook-kicker{margin-bottom:12px}.chapter-heading h2{font-size:27px;letter-spacing:.035em;line-height:1.6}.chapter-heading>p:last-child{font-size:14px;color:#685b4c;margin:10px 0 24px}.notebook-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.scene-note{display:flex;flex-direction:column;padding:0 18px 22px;border:1px solid #c6b9a7;border-radius:8px 3px 7px 4px;background:#fffdf55c;min-width:0}.mini-scene{height:172px;position:relative;margin:0 -4px 8px;border-bottom:1px dashed #c6b9a7}.mini-scene svg{position:absolute;bottom:14px}.scene-kazuma{height:124px;right:10%;transform:scaleX(-1)}.scene-emotia{height:109px;left:9%}.scene-notice .scene-kazuma{height:104px;right:2%}.scene-notice .scene-emotia{height:94px;left:2%}.scene-flower{height:43px;left:calc(50% - 13px)!important}.scene-thought{height:35px;top:7px;left:42%}.scene-share .scene-emotia{transform:scaleX(1);left:4%}.scene-share .scene-kazuma{right:4%}.scene-radio{width:48px;left:calc(50% - 24px);bottom:14px!important}.scene-mic{height:40px;left:calc(50% - 12px);bottom:50px!important}.scene-number{font-size:12px;letter-spacing:.15em;color:#ad5125;margin:0}.scene-note h3{font-size:23px;margin:4px 0 10px;line-height:1.5}.scene-note>p:not(.scene-number){font-size:14px;line-height:1.9;margin:0 0 14px}.notebook-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;font-size:14px;line-height:1.7}.scene-note .notebook-link{margin-top:auto;align-self:flex-start}.record-chapter{display:grid;grid-template-columns:1fr 1.8fr;gap:32px}.record-chapter h2{font-size:24px}.record-list{margin:0}.record-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:22px 0;border-top:1px solid #c6b9a7}.record-list>div:first-child{padding-top:0;border:0}.record-list dt{font-size:14px;line-height:1.9;font-weight:600}.record-list dt span{display:block;font-size:12px;letter-spacing:.07em;font-weight:400;color:#685b4c;margin-bottom:5px}.record-list dd{margin:0;min-width:0}.record-list p{font-size:14px;margin:0 0 8px}.record-list .award-note{font-size:12px;border-left:3px solid #dd8e53;padding-left:12px}.notebook-next{border-top:1.5px solid #b3aa9c;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.notebook-next h2{font-size:22px}.notebook-next .notebook-kicker{margin-bottom:10px}.notebook-actions{display:flex;gap:12px;flex-wrap:wrap}.notebook-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:13px 20px;border:1.5px solid #35392f;border-radius:4px 6px 3px 5px;background:#35392f;color:#fffaf0;font-size:14px;line-height:1.5;text-align:center}.notebook-button.secondary{background:#fff8eb;color:#292c2e}.notebook-page a:focus-visible,.notebook-page button:focus-visible{outline:3px solid #367bb6;outline-offset:4px}.notebook-footer{padding:24px 5%;font-size:11px}.notebook-footer nav{display:flex;gap:24px;margin:0;font-size:12px}.notebook-footer nav a{font-weight:400;letter-spacing:0}
.contact-content{max-width:980px;padding-top:36px}.contact-window.contact-panel{padding:0;border:2px solid #827760;border-radius:9px 3px 8px 4px;background:#fffcf3;position:relative;overflow:hidden}.contact-window:before{content:"";display:block;height:14px;background:repeating-linear-gradient(100deg,#db8a47 0 40px,#ffefcf 40px 80px);border-bottom:1.5px solid #827760}.window-heading{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:24px;align-items:center;padding:30px 36px 18px}.window-heading .notebook-kicker{margin-bottom:14px}.window-heading h1{font-size:32px;line-height:1.6;letter-spacing:.025em;margin:0 0 14px}.window-intro{font-size:15px;margin:0}.window-art{height:160px;position:relative;border-bottom:2px solid #827760}.window-kazuma{height:126px;position:absolute;bottom:0;right:0;transform:scaleX(-1)}.window-letter{position:absolute;width:56px;bottom:22px;left:0;transform:rotate(-9deg)}.letter-body{padding:24px 36px;background:repeating-linear-gradient(transparent 0 33px,#e5dfd030 34px 35px);border-top:1px solid #d2c8b7}.address-label{font-size:11px;letter-spacing:.12em;color:#685b4c;margin:0 0 6px}.contact-window .email-text{font-size:clamp(16px,2vw,22px);display:inline-block;line-height:1.8;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px;max-width:100%}.contact-window .contact-actions{margin:20px 0 0;gap:12px}.contact-window .copy-status{font-size:13px;line-height:1.8;min-height:24px;margin:8px 0 4px}.contact-window .contact-hint{font-size:12px!important;line-height:1.9;margin:0;max-width:600px}.optional-note{border-top:1px dashed #c6b9a7;padding:20px 36px 26px;background:#f3ead840}.optional-note h2{font-size:16px;letter-spacing:.02em;margin:0 0 8px}.optional-note p{font-size:14px;margin:0;max-width:650px}.contact-return{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:20px 0 0}.contact-return p{font-size:13px;color:#685b4c;margin:0}.contact-return .notebook-link{font-size:13px}
@media(max-width:1000px){.notebook-content{padding-left:28px;padding-right:28px}.notebook-intro{gap:25px;grid-template-columns:1.25fr 1fr}.profile-copy h1{font-size:36px}.desktop-break{display:none}.record-chapter{grid-template-columns:1fr}.notebook-next{display:block}.notebook-actions{margin-top:20px}.notebook-scenes{gap:14px}.scene-note{padding-left:14px;padding-right:14px}.scene-kazuma{right:0}.scene-emotia{left:0}.window-heading h1{font-size:28px}}
@media(max-width:700px){.notebook-page header{padding:24px 6%;display:block}.notebook-page header nav{margin-top:23px}.notebook-content{padding:10px 20px 36px}.notebook-intro{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:20px 0 30px}.profile-copy h1{font-size:32px}.profile-copy>p:not(.notebook-kicker):not(.profile-role){font-size:15px;line-height:1.95}.notebook-kicker{font-size:11px!important;margin-bottom:16px}.notebook-kicker span{padding-left:12px;margin-left:12px}.portrait-note{height:175px;max-width:300px;width:100%;align-self:center}.portrait-kazuma{height:105px;bottom:31px;left:25%}.portrait-emotia{height:90px;bottom:31px;right:17%}.note-label{top:9px;left:12px;font-size:11px}.portrait-note figcaption{font-size:10px;bottom:5px}.notebook-chapter{padding:28px 0}.chapter-heading h2{font-size:23px}.notebook-scenes{grid-template-columns:1fr;gap:20px}.scene-note{padding:0 20px 16px}.mini-scene{height:158px;max-width:240px;width:100%;align-self:center}.scene-note h3{font-size:22px}.scene-note>p:not(.scene-number){font-size:15px}.record-list>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.record-list dt span{display:inline-block;margin:0 12px 0 0}.notebook-next h2{font-size:21px}.notebook-actions{display:grid;grid-template-columns:1fr}.notebook-footer{padding:20px 6%;display:block}.notebook-footer nav{gap:18px;flex-wrap:wrap;margin-top:12px}.contact-content{padding-top:24px}.window-heading{padding:20px;grid-template-columns:1fr;gap:12px;position:relative}.window-heading h1{font-size:25px;letter-spacing:0;max-width:11em}.window-intro{font-size:15px}.window-art{height:73px;width:108px;justify-self:end;margin-top:-2px}.window-kazuma{height:72px}.window-letter{width:42px;left:0;bottom:8px}.letter-body{padding:20px}.contact-window .email-text{font-size:16px}.contact-window .contact-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.contact-window .notebook-button{width:100%;padding:12px}.optional-note{padding:20px}.contact-return{display:block}.contact-return p{margin-bottom:6px}.contact-return a{display:flex}.contact-window:before{height:10px}}
@media(prefers-reduced-motion:reduce){.notebook-page *{scroll-behavior:auto!important}}
.notebook-footer nav a{border-bottom:0}.scene-mic{left:calc(50% + 28px);bottom:14px!important;height:36px}
@media(max-width:700px){.window-heading h1{font-size:clamp(20px,6vw,25px);max-width:none}.window-heading h1 span{display:block}}
.notebook-footer nav a:first-child{text-decoration:none}.notebook-footer nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}