/*
Theme Name: Occasion Notes
Description: A Japanese event-preparation notebook for Occasion Notes.
Version: 1.0.0
Template: ashe
Text Domain: occasion-notes
*/
:root{--on-ink:#293343;--on-muted:#667189;--on-paper:#faf9fc;--on-pearl:#ece9f2;--on-lilac:#b8a5c8;--on-blue:#607b9a;--on-blue-deep:#3f5876;--on-line:#d6d3df;--on-white:#fff;--on-serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;--on-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--on-paper);color:var(--on-ink);font:16px/1.85 var(--on-sans)}a{color:inherit;text-decoration-color:var(--on-lilac);text-underline-offset:.18em}a:hover{color:var(--on-blue-deep)}a:focus-visible{outline:3px solid var(--on-blue);outline-offset:4px}.on-shell{width:min(1120px,calc(100% - 48px));margin:auto}.on-header{background:rgba(250,249,252,.96);border-bottom:1px solid var(--on-line)}.on-mast{padding:27px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.on-wordmark{font:600 clamp(29px,4vw,46px)/1 var(--on-serif);letter-spacing:-.065em;text-decoration:none}.on-wordmark i{color:var(--on-lilac);font-style:normal}.on-subtitle{margin:9px 0 0;color:var(--on-muted);font-size:12px;letter-spacing:.08em}.on-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.on-nav a{text-decoration:none;border-bottom:1px solid transparent}.on-nav a:hover{border-color:var(--on-lilac)}.on-main{padding:54px 0 82px}.on-eyebrow{margin:0 0 12px;color:var(--on-blue-deep);font-size:12px;font-weight:700;letter-spacing:.15em}.on-title{margin:0;font:600 clamp(35px,5.1vw,68px)/1.25 var(--on-serif);letter-spacing:-.07em}.on-intro{max-width:650px;margin:22px 0 0;font-size:18px}.on-timeline{margin:55px 0 68px;padding:0;list-style:none;position:relative}.on-timeline:before{content:"";position:absolute;left:24%;top:22px;bottom:22px;width:1px;background:var(--on-lilac)}.on-stage{display:grid;grid-template-columns:24% 1fr;min-height:158px}.on-stage-mark{padding:10px 35px 0 0;text-align:right;color:var(--on-blue-deep);font:600 16px/1.4 var(--on-serif)}.on-stage-mark span{display:block;font:11px/1.4 var(--on-sans);letter-spacing:.12em;color:var(--on-muted);margin-top:6px}.on-stage-body{position:relative;padding:0 0 40px 56px}.on-stage-body:before{content:"";position:absolute;left:-7px;top:12px;width:13px;height:13px;border:3px solid var(--on-paper);border-radius:50%;background:var(--on-blue)}.on-stage-body h2{margin:0;font:600 clamp(26px,3vw,38px)/1.35 var(--on-serif);letter-spacing:-.045em}.on-stage-body p{max-width:550px;margin:10px 0 14px;color:var(--on-muted)}.on-stage-link{font-size:13px;font-weight:700;color:var(--on-blue-deep)}.on-reading{border-top:1px solid var(--on-line);padding-top:28px}.on-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.on-section-head h2,.on-recs h2{margin:0;font:600 24px/1.35 var(--on-serif);letter-spacing:-.035em}.on-section-head p{margin:0;color:var(--on-muted);font-size:13px}.on-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--on-line);border:1px solid var(--on-line)}.on-note{background:var(--on-white);padding:25px 25px 28px;min-width:0}.on-note:first-child{border-top:4px solid var(--on-lilac)}.on-note:nth-child(2){border-top:4px solid var(--on-blue)}.on-note:nth-child(3){border-top:4px solid #899aaa}.on-note .on-tax{font-size:12px;color:var(--on-blue-deep);font-weight:700}.on-note h3{margin:9px 0;font:600 23px/1.45 var(--on-serif);letter-spacing:-.035em}.on-note p{margin:0;color:var(--on-muted);font-size:14px}.on-empty{padding:30px;background:var(--on-pearl);border-left:5px solid var(--on-lilac)}.on-article{max-width:760px;margin:auto;padding-left:54px;position:relative}.on-article:before{content:"";position:absolute;left:0;top:4px;bottom:0;width:1px;background:var(--on-lilac)}.on-breadcrumb{font-size:13px;color:var(--on-muted);margin-bottom:22px}.on-meta{margin:15px 0 0;color:var(--on-muted);font-size:13px}.on-content{margin-top:35px;font-size:18px;line-height:2}.on-content h2,.on-content h3{font-family:var(--on-serif);line-height:1.45;letter-spacing:-.035em;margin:2.3em 0 .7em}.on-content img{height:auto;max-width:100%}.on-inline{margin:35px 0;padding:20px 24px;background:var(--on-pearl);border-left:4px solid var(--on-blue)}.on-inline strong{display:block;font:600 18px var(--on-serif)}.on-recs{margin-top:55px;padding-top:24px;border-top:1px solid var(--on-line)}.on-recs ul{padding-left:1.2em}.on-recs li{margin:10px 0}.on-archive-head{max-width:760px;margin-bottom:38px}.on-list{max-width:820px}.on-list-item{padding:25px 0;border-top:1px solid var(--on-line)}.on-list-item h2{margin:6px 0;font:600 clamp(24px,3.3vw,36px)/1.4 var(--on-serif);letter-spacing:-.04em}.on-list-item p{margin:0;color:var(--on-muted)}.on-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.on-pagination .page-numbers{padding:7px 12px;border:1px solid var(--on-line);text-decoration:none}.on-pagination .current{color:var(--on-white);background:var(--on-blue-deep);border-color:var(--on-blue-deep)}.on-search-form{display:flex;gap:8px;margin:28px 0}.on-search-form input{flex:1;min-width:0;padding:11px;border:1px solid var(--on-line);background:#fff;font:inherit}.on-search-form button{padding:11px 17px;border:0;background:var(--on-blue-deep);color:#fff;font:inherit}.on-footer{background:var(--on-ink);color:#e8e9ee;padding:44px 0;font-size:13px}.on-footer .on-wordmark{font-size:28px}.on-footer p{color:#bfc5d0}.on-footer a{color:#fff}@media(max-width:700px){.on-shell{width:min(100% - 28px,1120px)}.on-mast{display:block;padding-top:22px}.on-nav{margin-top:20px}.on-main{padding:35px 0 55px}.on-intro{font-size:17px}.on-timeline{margin:38px 0 52px}.on-timeline:before{left:9px}.on-stage{grid-template-columns:1fr;padding-left:32px}.on-stage-mark{padding:0 0 9px;text-align:left}.on-stage-mark span{display:inline;margin:0 0 0 8px}.on-stage-body{padding:0 0 30px}.on-stage-body:before{left:-29px;top:7px}.on-notes{grid-template-columns:1fr}.on-article{padding-left:25px}.on-content{font-size:17px}.on-section-head{display:block}.on-section-head p{margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.search-form{display:flex;gap:7px}.search-form label{min-width:0}.search-form .search-field{width:100%;min-width:0;padding:8px;border:1px solid var(--on-line);background:#fff;font:inherit}.search-form .search-submit{padding:8px 10px;border:0;background:var(--on-blue-deep);color:#fff;font:inherit}.on-archive-head .search-form{max-width:560px;margin-top:28px}

.on-header .on-nav a{color:var(--on-blue-deep)!important;font-weight:600}.on-header .on-nav a:hover{color:#563b68!important;border-color:#563b68}.on-search-form{display:flex;align-items:center;gap:6px;margin:0}.on-search-form label{min-width:0}.on-search-field{width:154px;min-width:0;padding:8px 10px;border:1px solid var(--on-blue);border-radius:0;background:var(--on-white);color:var(--on-ink);font:13px var(--on-sans)}.on-search-field::placeholder{color:#63708a;opacity:1}.on-search-submit{border:1px solid var(--on-blue-deep);border-radius:0;background:var(--on-blue-deep);color:var(--on-white);padding:8px 11px;font:700 13px var(--on-sans);cursor:pointer}.on-search-submit:hover{background:#563b68;border-color:#563b68}.on-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}(max-width:700px){.on-search-form{width:100%;margin-top:4px}.on-search-form label{flex:1}.on-search-field{width:100%}}