@charset "UTF-8";
:root{--ink:#203d54;--text:#384a58;--muted:#6d7b88;--blue:#537590;--line:#dce3e9;--paper:#fff;--bg:#f4f7fa;--gold:#a08451;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.95 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-weight:500}h1{font:500 2.15rem/1.6 var(--serif);letter-spacing:.06em}h2{font:500 1.55rem/1.8 var(--serif);letter-spacing:.04em}h3{font-size:1rem}p+p{margin-top:1rem}small,.small{font-size:.875rem}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a38650;outline-offset:4px}.skip-link{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip-link:focus{top:0}.preview-bar{background:#e4eaf0;color:#435d71;padding:5px 20px;text-align:center;font-size:12px;letter-spacing:.05em}.preview-bar span{margin-left:18px}.site-header{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{font:20px var(--serif);width:43px;height:43px;border:1px solid #b7c5d0;border-radius:50%;display:grid;place-items:center}.brand b,.brand-name{font:600 25px/1.2 var(--serif);letter-spacing:.2em;padding-left:.2em}.brand small{display:block;font:10px/1.5 var(--sans);letter-spacing:.3em;margin-top:3px;margin-left:3px}.desktop-nav{display:flex;gap:38px;font-size:14px}.desktop-nav a{text-decoration:none;padding:10px 0;color:var(--muted)}.desktop-nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--gold)}.header-account{font-size:14px;text-decoration:none;border:1px solid #cdd8e0;border-radius:40px;padding:8px 18px}.header-account span{padding-left:14px}.page-shell{max-width:1104px;margin:auto;padding:46px 28px 70px;min-height:65vh}.eyebrow{color:var(--gold);font:500 11px/1.8 var(--sans);letter-spacing:.17em}.day-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.day-heading h1{font-size:2.35rem;margin-top:4px}.weekday{font:14px var(--sans);letter-spacing:.06em;margin-left:20px}.date-year{font:22px/1.6 Georgia,serif;text-align:right;color:#91a1ad}.date-year span{font:12px/1.5 var(--sans);display:block}.sample-note{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #d7e1e9;border-radius:8px;margin-bottom:24px;background:#edf2f6;font-size:13px}.sample-note>span{white-space:nowrap;font-weight:600;color:var(--blue)}.sample-note p{flex:1}.sample-note a{white-space:nowrap;font-weight:600}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px;align-items:start}.reading-main{min-width:0}.today-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:30px 36px 36px;box-shadow:0 12px 40px #18364e03}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.pill{display:inline-block;border:1px solid #d6e1e8;background:#f5f8fa;border-radius:30px;padding:3px 13px;font-size:12px;line-height:1.8;color:var(--blue)}.reading-title{text-align:center;padding:38px 0 27px}.reading-title h2{font-size:1.95rem;margin-top:9px;letter-spacing:.09em}.theme-rule{display:block;height:1px;width:34px;background:var(--gold);margin:23px auto 0}.lead-body{line-height:2.15}.daily-sections{margin-top:30px}.daily-sections section{padding:22px 0;border-top:1px solid #edf0f3}.daily-sections h3{font-weight:600;margin-bottom:10px;font-size:15px}.daily-sections h3 span{font:italic 15px Georgia;color:var(--gold);margin-right:14px}.daily-sections p{font-size:15px;line-height:2.05}.action-box{margin-top:6px;border-left:2px solid #aabcbe;background:#f3f7f8;padding:21px 24px}.action-box h3{margin:3px 0 10px}.action-box p:last-child{font-size:14px;line-height:2}.oracle-card{text-align:center;background:#e9f0f4;border:1px solid #dbe5ec;border-radius:14px;margin-top:22px;padding:30px 35px}.oracle-card>p:nth-child(2){font:500 1.13rem/2.15 var(--serif);color:#2a485f;margin-top:12px;letter-spacing:.025em}.oracle-card small{display:block;margin-top:17px;color:var(--muted);font-size:12px}.deep-card{background:white;border:1px solid var(--line);border-radius:12px;margin-top:20px}.deep-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 26px}.deep-card summary::-webkit-details-marker{display:none}.deep-card summary small{display:block;color:var(--muted);font-size:12px}.deep-card summary strong{display:block;font-weight:500;color:var(--ink);font-size:16px}.detail-chip{font-size:12px;color:var(--blue);white-space:nowrap}.detail-chip b{font-size:22px;font-weight:400;margin-left:13px}.deep-card[open] .detail-chip b{display:inline-block;transform:rotate(45deg)}.deep-body{padding:0 28px 28px;line-height:2.15;font-size:15px}.deep-body>p{margin-top:24px}.tomorrow-card{padding:28px 30px;margin-top:28px;border-top:1px solid #bdcbd5;border-bottom:1px solid #bdcbd5}.tomorrow-label{display:flex;justify-content:space-between;gap:14px;align-items:center}.tomorrow-label>span:last-child{font-size:12px;color:var(--muted)}.tomorrow-card h2{font:15px var(--sans);margin-top:16px}.tomorrow-keyword{font:500 1.8rem/1.6 var(--serif);color:var(--ink);margin-top:14px}.tomorrow-card small{display:block;margin-top:15px;color:var(--muted);font-size:12px}.discover-card{padding:28px 24px;background:var(--ink);border-radius:14px;color:#e3ebf0}.discover-card .eyebrow{color:#d2b780}.aside-symbol{display:grid;place-items:center;border:1px solid #7f96a5;width:68px;height:68px;border-radius:50%;margin:26px 0;font:28px var(--serif);color:#e4d1a9}.discover-card h2{color:#fff;font-size:1.55rem;margin-bottom:20px;line-height:1.8}.discover-card>p:not(.eyebrow){font-size:14px;line-height:2.1;color:#d1dce4}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:49px;padding:12px 23px;border:1px solid var(--ink);border-radius:7px;text-decoration:none;background:var(--ink);color:white;font-size:15px;line-height:1.6;transition:background .15s}.button:hover{background:#31546f}.button-light{background:#f7f9fb;border-color:#f7f9fb;color:var(--ink)}.button-light:hover{background:#e7edf2}.discover-card .button{width:100%;font-size:13px;padding:13px 9px;margin-top:26px;justify-content:space-between}.discover-card small{font-size:11px;display:block;margin-top:10px;color:#c4d1dc;text-align:center}.side-note{padding:28px 18px}.side-note ol{list-style:none;padding:0;margin:17px 0 0;counter-reset:steps}.side-note li{counter-increment:steps;position:relative;margin-bottom:20px;padding-left:36px}.side-note li:before{content:"0" counter(steps);font:italic 16px Georgia;color:#a18c68;position:absolute;left:0;top:3px}.side-note b{font-weight:500;font-size:14px;display:block}.side-note li span{font-size:12px;color:var(--muted);display:block}.news-preview{padding:24px 18px;border-top:1px solid var(--line)}.section-line{display:flex;align-items:center;justify-content:space-between}.section-line h2{font:15px var(--sans)}.section-line a{font-size:12px;color:var(--muted)}.news-preview article{margin-top:22px}.news-preview time,.news-item time{color:var(--muted);font-size:12px}.news-preview article p{font-size:14px;margin-top:7px}.site-footer{border-top:1px solid var(--line);padding:30px;max-width:1048px;margin:auto;text-align:center;color:var(--muted);font-size:13px}.site-footer>span{font:italic 22px Georgia}.site-footer>div{display:flex;justify-content:center;gap:26px;margin:16px 0 8px}.site-footer a{font-size:12px;text-decoration:none}.site-footer small{font-size:11px}.mobile-nav{display:none}.section-heading{padding:10px 0 45px}.section-heading h1{margin:10px 0 14px}.section-heading>p:last-child{color:var(--muted)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journey-card{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px 25px;display:flex;flex-direction:column;align-items:start}.step-number{font:italic 42px Georgia;color:#c3cfd8;display:block;margin-bottom:30px}.journey-card h2{margin:15px 0;font-size:1.4rem}.journey-card p{font-size:15px;flex:1;margin-bottom:24px}.journey-card.featured{border-color:#8fa8ba;background:#eaf0f5}.text-link{font-size:14px;color:var(--ink);display:inline-block;margin-top:10px}.quiet-note{border-top:1px solid var(--line);margin-top:40px;padding:30px 0;max-width:700px}.quiet-note h2{font-size:1.25rem;margin-bottom:12px}.quiet-note p{color:var(--muted);font-size:15px}.narrow{max-width:680px;margin:12px auto}.narrow>h1{margin-top:12px}.intro{font-size:16px;color:var(--muted);margin:18px 0 30px}.paper-panel{border:1px solid var(--line);background:white;border-radius:12px;padding:32px;margin:24px 0}.paper-panel h2{margin-bottom:20px}.paper-panel p{line-height:2.1}.reading-facts{margin:26px 0}.reading-facts>div{display:flex;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.reading-facts dt{color:var(--muted);width:110px}.reading-facts dd{margin:0}.full{width:100%}.pending{padding:22px;background:#eff3f6;border-radius:6px;margin:24px 0;font-size:14px}.pending b{color:var(--ink);font-weight:500}.pending p{margin-top:8px;color:var(--muted)}.after-reading{padding:20px 12px}.after-reading h2{margin:10px 0 17px;font-size:1.3rem}.after-reading p{font-size:15px}.back-link{text-decoration:none;font-size:14px;color:var(--muted);display:block;margin-bottom:24px}.form-page{max-width:560px;margin:10px auto}.form-page h1{font-size:1.85rem;margin-bottom:17px}.form-field{margin-bottom:22px}label{display:block;margin-bottom:7px;font-size:14px;font-weight:500;color:var(--ink)}input:not([type=checkbox]){width:100%;border:1px solid #cdd8e0;background:#fbfcfd;border-radius:7px;padding:12px 13px;color:var(--ink);min-height:48px}input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.optional{margin-left:9px;color:var(--muted);font-size:11px;border:1px solid var(--line);padding:2px 6px;border-radius:3px}.field-help{font-size:12px;color:var(--muted);margin-top:6px}.field-help ul{padding-left:20px}.checkbox-field{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.checkbox-field label{font-size:13px;margin:0}.checkbox-field .form-errors{width:100%}.form-errors{color:#9a3434;font-size:13px}.form-errors ul{padding-left:18px}.muted{color:var(--muted)}.center{text-align:center;margin:22px 0}.message{padding:15px 20px;background:#e7eff4;border-left:3px solid #65869e;margin-bottom:20px}.text-button{border:0;background:none;color:var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:5px}.resend-panel{font-size:14px;padding:20px 0}.resend-panel form{margin-top:20px}.resend-panel button{margin-top:16px}.danger{background:#853f40;border-color:#853f40;margin-top:20px}.news-item h2{margin-top:10px;font-size:1.3rem}.empty-state{text-align:center;background:white;border:1px solid var(--line);border-radius:14px;padding:70px 30px}.empty-state p{margin:20px 0}.large-mark{font:40px var(--serif);color:var(--gold);display:block;margin-bottom:25px}
@media(max-width:850px){.reading-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.today-card{padding:25px}.desktop-nav{gap:20px}.discover-card{padding:24px 20px}.journey-grid{grid-template-columns:1fr}.journey-card{padding:28px}.step-number{margin-bottom:15px}}
@media(max-width:680px){body{font-size:16px}.preview-bar{font-size:11px;padding:4px 8px}.preview-bar span{margin-left:8px}.site-header{padding:17px 22px}.brand-mark{width:35px;height:35px;font-size:18px}.brand b{font-size:28px}.brand small{font-size:9px}.header-account{padding:6px 12px;font-size:12px}.header-account span{padding-left:6px}.desktop-nav{display:none}.page-shell{padding:28px 19px 45px}.day-heading{margin-bottom:23px}.day-heading h1{font-size:2rem}.weekday{font-size:12px;margin-left:13px}.date-year{font-size:19px}.date-year span{font-size:10px}.eyebrow{font-size:10px}.sample-note{flex-wrap:wrap;gap:4px 12px;padding:12px 14px;font-size:12px;margin-bottom:19px}.sample-note p{flex:1 1 200px;font-size:12px;line-height:1.7}.sample-note a{margin-left:auto;font-size:12px}.reading-layout{display:block}.today-card{border-radius:12px;padding:23px 22px}.reading-title{padding:33px 0 23px}.reading-title h2{font-size:1.6rem;letter-spacing:.045em}.card-topline{font-size:12px}.lead-body{font-size:16px;line-height:2.1}.daily-sections section{padding:20px 0}.daily-sections p{font-size:15px}.action-box{padding:18px}.oracle-card{padding:25px 23px}.oracle-card>p:nth-child(2){font-size:1.08rem}.deep-card summary{padding:19px 18px}.deep-card summary strong{font-size:14px}.deep-card summary small{font-size:11px}.detail-chip b{margin-left:5px}.deep-body{padding:0 20px 25px}.tomorrow-card{padding:25px 13px}.tomorrow-card>p:not(.tomorrow-keyword){font-size:15px}.tomorrow-keyword{font-size:1.6rem}.reading-aside{margin-top:33px}.discover-card{padding:28px}.aside-symbol{width:52px;height:52px;font-size:23px;margin:20px 0}.discover-card h2{font-size:1.55rem}.discover-card .button{font-size:15px;padding:13px 18px}.discover-card small{font-size:12px}.side-note{padding:28px 14px 5px}.news-preview{padding:23px 14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:10;justify-content:space-around}.mobile-nav a{display:flex;align-items:center;flex-direction:column;text-decoration:none;font-size:10px;color:#7b8a96;min-width:64px;line-height:1.6}.mobile-nav a>span{font-size:23px;line-height:1.3;margin-bottom:3px}.mobile-nav a[aria-current]{color:var(--ink);font-weight:600}.site-footer{padding:25px 20px 106px}.section-heading{padding-bottom:28px}.section-heading h1{font-size:1.8rem}.section-heading>p:last-child{font-size:15px}.narrow{margin:0 auto}.narrow>h1{font-size:1.9rem}.paper-panel{padding:24px}.paper-panel h2{font-size:1.3rem}.form-page h1{font-size:1.65rem}.form-page .muted{font-size:14px}.form-page>.paper-panel{padding:24px 20px}.after-reading{padding:12px 4px}.after-reading h2{font-size:1.25rem}.empty-state{padding:45px 23px}}
.today-caution{font-size:14px;color:var(--muted);padding:12px 0 22px}.today-caution b{font-weight:500;color:var(--ink)}
.optional-profile{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:10px 0 24px;font-size:14px}.optional-profile summary{cursor:pointer}.optional-profile>p{margin:14px 0}.optional-profile .form-field:last-child{margin-bottom:5px}
textarea{font:inherit;line-height:1.8;width:100%;padding:12px;border:1px solid #cdd8e0;border-radius:7px;background:#fbfcfd;color:var(--ink);resize:vertical}textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.reading-facts dd{min-width:0;overflow-wrap:anywhere;flex:1}.reading-facts dt{flex-shrink:0}.delivered-result{overflow-wrap:anywhere}.paper-panel>.pill{margin-bottom:16px}.paper-panel>h3{margin-top:18px}.form-page>.button+.eyebrow{margin-top:30px}.checkbox-field label{flex:1;min-width:180px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.day-stars{margin:.6rem 0 0;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}
.stars{color:#b8923a;letter-spacing:.12em;font-size:1.05rem}
.stars.small{font-size:.8rem;margin-left:.6rem;letter-spacing:.08em}
.star-note{font-size:.72rem;color:#8a6d2f;border:1px dashed #d8c28f;border-radius:999px;padding:1px 8px}
.today-tip{background:rgba(255,255,255,.08);border-radius:10px;padding:.7rem .8rem;line-height:1.7}
.today-tip b{display:block;margin-bottom:.2rem}

/* Hearing, consultation, articles, SNS (2026-09-30) */
.steps{display:flex;gap:6px;list-style:none;padding:0;margin:8px 0 22px;font-size:12px;color:var(--muted)}.steps li{flex:1;border-top:2px solid var(--line);padding-top:6px}.steps li[aria-current]{border-color:var(--gold);color:var(--ink);font-weight:600}
.traits{display:grid;gap:22px}.trait{border-top:1px solid var(--line);padding-top:16px}.trait:first-child{border-top:0;padding-top:0}.trait-number{font:500 2.4rem/1.2 var(--serif);color:var(--ink);margin:4px 0}.trait-keyword{font-weight:500;color:var(--ink);margin:8px 0 6px}.trait-pending{color:var(--muted);margin-top:8px}.trait+.trait{margin-top:0}
.choice-list{border:0;padding:0;margin:0 0 20px}.choice-list legend{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:12px}.choice{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:13px 15px;margin-bottom:10px;cursor:pointer;background:#fbfcfd}.choice:has(input:checked){border-color:var(--ink);background:#eef3f7}.choice input{width:18px;height:18px;margin:0}.choice span{flex:1;font-size:15px}
.consult-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:18px 0 8px}.thread-card.has-unread{border-color:var(--ink)}
.thread{display:flex;flex-direction:column;gap:14px;margin:22px 0}.msg{max-width:88%;border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.9}.msg header{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:4px}.msg-who{font-weight:600;letter-spacing:.04em}.msg-body p{margin:0}.msg-body p+p{margin-top:.6em}.msg-user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}.msg-user header{color:#c9d6e0}.msg-bot{align-self:flex-start;background:#eef2f5;border:1px dashed #c3cfd8;border-bottom-left-radius:4px}.msg-bot .msg-who{color:var(--blue)}.msg-bot .msg-who::before{content:"◌ "}.msg-operator{align-self:flex-start;background:#fff;border:1px solid var(--gold);border-bottom-left-radius:4px}.msg-operator .msg-who{color:var(--gold)}.msg-operator .msg-who::before{content:"● "}
.bot-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 0 6px}.bot-options p{width:100%}
.theme-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.theme-tabs a{text-decoration:none;font-size:13px;border:1px solid var(--line);border-radius:30px;padding:5px 13px;color:var(--muted);background:#fff}.theme-tabs a[aria-current]{border-color:var(--ink);color:var(--ink);font-weight:600}
.article-card h2{font-size:1.25rem;margin-bottom:6px}.article-links{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-top:14px}
.linked{background:#f3f6f9}.nav-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#b23b3b;color:#fff;font-size:11px;text-align:center;margin-left:6px;padding:0 5px}.mobile-nav a{position:relative}.mobile-nav .nav-badge{position:absolute;top:0;right:4px;margin:0}
.consult-note h2{font:15px var(--sans);margin:6px 0 10px}.consult-note p{font-size:13px;color:var(--muted);line-height:1.9}.consult-note .button{margin-top:12px;font-size:13px}.mini-articles{margin-top:20px;display:flex;flex-direction:column;gap:8px}.mini-articles a{font-size:13px;text-decoration:none;color:var(--ink);border-bottom:1px dotted var(--line);padding-bottom:6px}.mini-articles a.small{border:0;color:var(--muted)}
@media(max-width:680px){.msg{max-width:94%}.mobile-nav a{min-width:56px}}

/* ---- 今日の感想（2026-10-04追加）---------------------------------------- */
.note-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 24px;margin-top:18px}
.note-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.note-head h2{font-size:1.2rem;letter-spacing:.03em}
.note-chip{font-size:11px;color:var(--gold);border:1px solid #e3d8c2;background:#fdfaf4;border-radius:999px;padding:4px 11px;white-space:nowrap;letter-spacing:.05em}
.note-lead{margin-top:12px;font-size:14px;line-height:1.95;color:var(--muted)}
.note-form{margin-top:16px}
.note-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;font-size:15px;line-height:1.9;color:var(--text);background:#fcfdfe;resize:vertical;min-height:112px}
.note-form textarea::placeholder{color:#9eacb8}
.note-form textarea:focus{border-color:#b7c5d0;background:var(--paper)}
.note-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.note-actions .button{padding:11px 26px}
.note-saved{font-size:12px;color:var(--muted)}
.note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
.note-reply{color:var(--muted)}
.note-reply a{color:var(--blue)}
.note-summary dl{display:flex;gap:34px;margin:0}
.note-summary dt{font-size:12px;color:var(--muted);letter-spacing:.08em}
.note-summary dd{margin:4px 0 0;font:500 1.5rem/1.4 var(--serif);color:var(--ink)}
.note-item{margin-top:14px}
.note-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:9px}
.note-item-head time{font:500 1.05rem var(--serif);color:var(--ink);letter-spacing:.04em}
.note-points ul{list-style:none;margin:12px 0 0;padding:0}
.note-points li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.note-points li time{color:var(--muted);min-width:82px}
.note-points li b{margin-left:auto;color:var(--gold)}
.note-points summary{cursor:pointer;font-size:14px;color:var(--ink)}
@media(max-width:680px){
.note-card{border-radius:12px;padding:22px 18px;margin-top:14px}
.note-head h2{font-size:1.1rem}
.note-chip{font-size:10px;padding:3px 9px}
.note-lead{font-size:13px;line-height:1.9}
.note-form textarea{font-size:16px;min-height:120px;padding:13px}
.note-actions{gap:10px}
.note-actions .button{flex:1 1 auto;text-align:center}
.note-foot{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}
.note-summary dl{gap:24px}
.note-summary dd{font-size:1.3rem}
}

/* ---- スマホの「今日の占い」を読みやすくする（2026-10-04追加）-------------- */
/* 既存の@media(max-width:680px)のあとに置き、必要なところだけ上書きする。 */
@media(max-width:680px){
/* 1. 見出しと本文の間を詰めすぎず、段ごとの区切りを分かりやすくする */
.today-card{padding:24px 20px}
.reading-title{padding:26px 0 20px}
.reading-title h2{font-size:1.5rem;line-height:1.65}
.lead-body{font-size:15.5px;line-height:2.05}
/* 2. 分野別は番号を上に逃がし、見出しを折り返さない */
.daily-sections section{padding:18px 0}
.daily-sections h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:15px}
.daily-sections h3>span[aria-hidden]{font:500 11px/1 var(--serif);color:var(--gold);letter-spacing:.14em;flex:0 0 auto}
.daily-sections p{font-size:14.5px;line-height:2}
/* 3. 「今日意識するキーワード」は1行に収まらないので、折り返し前提にする */
.today-caution{font-size:13px;line-height:1.9}
/* 4. 小さな一歩と神託は、読む順番が分かるよう余白を変える */
.action-box{padding:17px 16px;margin-top:4px}
.action-box h3{font-size:15px}
.action-box p{font-size:14.5px;line-height:2}
.oracle-card{padding:24px 20px}
.oracle-card>p:nth-child(2){font-size:1.02rem;line-height:1.95}
/* 5. 「もっと詳しく」は指で押しやすい高さにする */
.deep-card summary{padding:17px 16px;min-height:60px;align-items:center}
.deep-card summary strong{font-size:14.5px}
.deep-body{padding:0 17px 22px;font-size:14.5px;line-height:2}
/* 6. 明日のカードは左右の余白が狭すぎたので広げる */
.tomorrow-card{padding:24px 20px}
.tomorrow-keyword{font-size:1.45rem}
/* 7. 画面の下の操作バーに隠れないよう、最後の要素の下に余白を足す */
.reading-aside{margin-top:28px}
.reading-aside>section:last-child{margin-bottom:8px}
}
/* 横幅がとても狭い端末（iPhone SEなど） */
@media(max-width:380px){
.page-shell{padding:24px 14px 45px}
.day-heading h1{font-size:1.8rem}
.today-card,.oracle-card,.tomorrow-card{padding:20px 15px}
.note-card{padding:19px 15px}
.reading-title h2{font-size:1.35rem}
.note-head{flex-direction:column;gap:6px}
.detail-chip{font-size:11px}
}
/* ---- イベント価格の案内 ---- */
.event-note{background:#fdfaf4;border:1px solid #e3d8c2;border-radius:10px;padding:14px 16px;margin:14px 0;font-size:14px;line-height:1.9;color:#6b5a38}
.event-note p{margin:0}

/* ---- 購入前に必ず読ませたい案内（2026-10-04）---- */
.notice-strong{background:#fff8f3;border:1px solid #e8d2c2;border-left:4px solid #c08a62;border-radius:8px;padding:14px 16px;margin:16px 0;font-size:14px;line-height:1.9}
.notice-strong b{display:block;color:#8a5a38;margin-bottom:6px;font-size:13px;letter-spacing:.04em}
.notice-strong p{margin:0}
.refund-note{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.refund-note summary{cursor:pointer;font-size:13px;color:var(--muted)}
.refund-note p{margin-top:8px;font-size:13px;line-height:1.9}

/* ---- 鑑定PDFのダウンロード（2026-10-04）---- */
.pdf-download{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.pdf-download .button{display:inline-block}
.pdf-download small{display:block;margin-top:8px;color:var(--muted);font-size:12px}

/* Mobile reading and touch controls, 2026-10-12. Desktop layout stays intact. */
textarea:focus-visible,select:focus-visible{outline:3px solid #a38650;outline-offset:4px}
@media(max-width:680px){
  html{scroll-padding-block:20px 110px}
  .page-shell{padding:24px 16px 36px;overflow-wrap:anywhere}
  .site-header{padding:10px 16px;min-height:64px}
  .brand b{font-size:25px}
  .header-account{display:inline-flex;align-items:center;min-height:44px;font-size:14px;padding:7px 14px}
  .mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 6px max(8px,env(safe-area-inset-bottom))}
  .mobile-nav a{min-width:0;min-height:50px;justify-content:center;font-size:15px;line-height:1.5;color:#526677;border-radius:10px;padding:8px 0}
  .mobile-nav a[aria-current]{background:#e8eff4;color:var(--ink)}
  .mobile-nav a>span[aria-hidden]{font-size:21px;margin-bottom:2px}
  .mobile-nav .nav-badge{font-size:11px;line-height:18px;top:1px;right:3px}
  .site-footer{padding:24px 16px calc(104px + env(safe-area-inset-bottom))}
  .site-footer>div{flex-wrap:wrap;gap:2px 16px}
  .site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  .section-heading{padding:0 0 22px}
  .section-heading h1,.narrow>h1{font-size:1.65rem;line-height:1.55}
  .section-heading h1{margin:8px 0 12px}
  .journey-grid{gap:14px}
  .journey-card{padding:20px}
  .journey-card .step-number{position:absolute;right:20px;top:14px;font-size:28px;margin:0}
  .journey-card .pill{margin-right:46px}
  .journey-card h2{font-size:1.3rem;margin:12px 0 8px}
  .journey-card p{font-size:16px;line-height:1.85;margin-bottom:16px}
  .journey-card .text-link,.journey-card .button{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:10px 12px;border:1px solid #b9cbd8;border-radius:8px;font-size:16px}
  .journey-card .text-link{background:#f5f8fa;text-decoration:none}
  .button{min-height:48px;font-size:16px}
  .article-links{align-items:stretch}
  .article-links>a{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;font-size:16px}
  .theme-tabs a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;padding:7px 14px}
  .sample-note a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
  .daily-sections p,.lead-body,.action-box p:last-child,.deep-body{font-size:16px;line-height:1.95}
  .paper-panel{padding:22px 18px}
  .form-page>.paper-panel{padding:22px 18px}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px;max-width:100%;min-width:0;scroll-margin-block:24px 120px}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:48px}
  .checkbox-field{align-items:flex-start}
  .checkbox-field input{margin-top:13px;width:20px;height:20px}
  .checkbox-field label{font-size:14px;line-height:1.8;padding:8px 0;min-height:44px}
  .optional-profile summary,.resend-panel summary,.note-points summary,.refund-note summary{min-height:44px;padding-block:10px}
  .note-lead,.form-page .muted{font-size:15px}
  .msg{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .page-shell{padding-inline:12px}
  .mobile-nav{padding-inline:2px;gap:0}
  .mobile-nav a{font-size:14px}
  .day-heading h1{font-size:1.7rem}
  .weekday{margin-left:8px}
}

/* A short home menu; longer reading content lives on its own page. */
.home-menu{max-width:720px;margin:0 auto}
.site-footer>div{margin:0 0 6px}
.menu-page .page-shell{min-height:0;padding-bottom:16px}
.menu-page .site-footer{padding-top:12px}
@media(max-width:680px){
  .site-footer{padding-top:12px;padding-inline:12px;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .site-footer>div{flex-wrap:nowrap;gap:12px;margin:0 0 4px}
  .site-footer a{font-size:11px;white-space:nowrap;min-height:44px}
  .site-footer small{display:block;font-size:11px;line-height:1.65}
  .menu-page .page-shell{padding-top:16px;padding-bottom:8px}
}
.site-header .brand{min-height:44px}
.site-header .brand-name{font-size:21px;font-weight:500;letter-spacing:.14em;padding-left:0}
.menu-heading{margin-bottom:24px}
.menu-heading h1{margin:5px 0 8px}
.menu-heading>p:last-child{font-size:15px;color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.menu-tile{display:flex;flex-direction:column;justify-content:center;min-height:132px;padding:22px;border:1px solid #cfdae3;border-radius:14px;background:var(--paper);text-decoration:none;color:var(--ink);gap:7px}
.menu-tile strong{font-size:19px;font-weight:600;line-height:1.5}
.menu-tile>span{font-size:14px;line-height:1.5;color:#586f80}
.menu-tile-today{background:var(--ink);border-color:var(--ink);color:#fff}
.menu-tile-today>span{color:#dce7ef}
.menu-tile:hover{border-color:var(--blue);box-shadow:0 2px 8px #203d5412}
.menu-extra{display:flex;justify-content:space-between;gap:16px;margin-top:14px}
.menu-extra a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
@media(max-width:680px){
  .menu-heading{margin-bottom:18px}
  .site-header .brand-name{font-size:19px;letter-spacing:.12em}
  .menu-heading h1{font-size:1.4rem;line-height:1.5;margin:4px 0 8px}
  .menu-heading>p:last-child{font-size:14px}
  .menu-grid{gap:12px}
  .menu-tile{min-height:108px;padding:16px 12px;border-radius:12px;gap:7px}
  .menu-tile strong{font-size:16px}
  .menu-tile>span{font-size:12px}
  .menu-tile .nav-badge{font-size:11px;vertical-align:middle}
  .menu-extra{margin-top:8px}
  .home-menu .eyebrow{font-size:10px}
}
@media(max-width:680px) and (max-height:700px){
  .home-menu .eyebrow{display:none}
  .menu-heading{margin-bottom:12px}
  .menu-heading h1{font-size:1.35rem;margin:0 0 4px}
  .menu-heading>p:last-child{font-size:13px}
  .menu-grid{gap:8px}
  .menu-tile{min-height:88px;padding:10px}
  .menu-tile strong{font-size:15px}
  .menu-tile>span{font-size:11px}
}
/* Approved peach design, 2026-10-12. */
:root{--ink:#49352f;--text:#594d47;--muted:#776a63;--blue:#96543e;--line:#eddcd3;--paper:#fffefd;--bg:#fffcfa;--gold:#bb7359}
body{background:linear-gradient(145deg,#fff 0%,#fffcfa 60%,#fff5ed 100%);background-attachment:fixed}
.site-header{border-color:#efd8cc}
.header-account{border-color:#e6b59f;font-size:13px}
.button{background:#df5000;border-color:#df5000;color:#fff}
.menu-page .page-shell{padding-top:30px}
.home-menu{position:relative;isolation:isolate}
.menu-botanical{position:absolute;right:-20px;top:-30px;width:150px;height:190px;object-fit:contain;opacity:.35;z-index:-1;pointer-events:none}
.menu-heading h1{font-size:28px;letter-spacing:.05em}
.menu-heading h1:after{content:"";display:block;width:32px;border-bottom:2px solid #e8ac91;margin:12px 0}
.menu-heading>p:last-child{font-size:14px;color:#74645c}
.menu-tile{position:relative;border:1px solid #efcaba;border-radius:22px;background:linear-gradient(140deg,#fff 25%,#fff6ef 100%);box-shadow:0 5px 15px #b4704810;padding:24px 28px 24px 20px;gap:12px;color:var(--ink)}
.menu-tile-today{background:linear-gradient(125deg,#fffaf6,#fce4d6);border-color:#ecc3ad;color:var(--ink)}
.menu-tile strong{font:500 19px/1.45 var(--serif);letter-spacing:0}
.menu-tile strong:after{content:"";display:block;width:24px;border-bottom:1px solid #da9375;margin-top:10px}
.menu-tile>span,.menu-tile-today>span{font-size:13px;color:#70615a}
.menu-tile:after{content:"";position:absolute;right:10px;top:30%;width:15px;height:20px;background:#b16c50;mask:url("design/chevron-right.a59552dacaf6.svg") center/contain no-repeat;-webkit-mask:url("design/chevron-right.a59552dacaf6.svg") center/contain no-repeat}
.menu-tile:hover{border-color:#ce947a;box-shadow:0 6px 18px #b4704820}
.menu-extra{border-top:1px solid #efd8cc;padding-top:12px;margin-top:20px}
.menu-extra a{font-size:14px;text-decoration-color:#dab099}
.site-footer{border-color:#efd8cc;color:#776a63}
.nav-icon{width:23px;height:23px;opacity:.68}
@media(min-width:681px){.nav-icon{display:none}}
@media(max-width:680px){
 .site-header{min-height:68px;padding:10px 20px}
 .site-header .brand-name{font-size:21px;font-weight:400;letter-spacing:.17em}
 .header-account{font-size:12px;min-height:40px;padding:6px 14px}
 .menu-page .page-shell{padding:22px 15px 8px}
 .menu-heading{margin-bottom:22px}
 .menu-heading h1{font-size:26px;line-height:1.5;margin:0 0 12px}
 .menu-heading>p:last-child{font-size:13px}
 .menu-botanical{right:-15px;top:-15px;width:115px;height:150px;opacity:.3}
 .menu-grid{gap:11px 9px}
 .menu-tile{min-height:120px;border-radius:20px;padding:18px 22px 18px 16px;gap:12px}
 .menu-tile strong{font-size:16px;line-height:1.4}
 .menu-tile>span{font-size:12px;line-height:1.5}
 .menu-extra{margin-top:20px;padding-top:10px}
 .menu-page .site-footer{padding-top:4px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .site-footer>div{gap:12px}
 .site-footer a,.site-footer small{font-size:10px}
 .mobile-nav{border-top:1px solid #efd8cc;background:#ffffffed;backdrop-filter:blur(10px)}
 .mobile-nav a{flex-direction:column;gap:3px;font-size:12px;line-height:1.4;border-radius:28px;color:#71645c;min-height:54px;padding:4px 0}
 .mobile-nav a[aria-current]{background:#fff0e7;color:#995036}
}
@media(max-width:680px) and (max-height:740px){
 .menu-page .page-shell{padding-top:14px}
 .menu-heading{margin-bottom:14px}
 .menu-heading h1{font-size:23px;margin-bottom:6px}
 .menu-heading h1:after{margin:8px 0}
 .menu-tile{min-height:96px;padding:12px 21px 12px 13px;gap:8px}
 .menu-tile strong{font-size:15px}
 .menu-tile strong:after{margin-top:6px}
 .menu-tile>span{font-size:11px}
 .menu-extra{margin-top:12px;padding-top:4px}
}
@media(max-width:360px){.menu-tile strong{font-size:14px}.menu-tile{padding-left:12px}.site-footer>div{gap:8px}.site-footer a{font-size:9px}}
@media(max-width:680px){.menu-tile strong{font-size:15px}.menu-tile{padding-left:14px}.menu-page .site-footer{padding-bottom:calc(74px + env(safe-area-inset-bottom))}}
/* Stronger apricot and a contained sage sprig. */
.menu-tile{background:linear-gradient(135deg,#fffdfa 10%,#ffe4cf 100%);border-color:#e5b294}
.menu-tile-today{background:linear-gradient(125deg,#fff2e6,#f6c59f);border-color:#dca17b}
.menu-heading h1:after,.menu-tile strong:after{border-color:#cf8c61}
.menu-botanical{right:8px;top:0;width:95px;height:125px;opacity:.7}
@media(max-width:680px){.menu-botanical{right:2px;top:0;width:70px;height:100px;opacity:.7}.mobile-nav a[aria-current]{background:#ffe3ce}}
@media(max-width:680px) and (max-height:740px){.menu-botanical{width:58px;height:82px}}
/* One continuous screen gradient, requested 2026-10-12. */
body{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#fff 0%,#fff 18%,#fff5ed 43%,#f9dfcd 72%,#f6c59f 100%);background-attachment:fixed}
.menu-tile,.menu-tile-today{background:rgba(255,255,255,.25);border-color:#ddb296;box-shadow:0 3px 12px #9c643408}
.menu-tile:hover{background:rgba(255,255,255,.45)}
.menu-botanical{transform:rotate(-18deg);transform-origin:center;opacity:.38;right:14px}
@media(max-width:680px){
 .menu-botanical{opacity:.38;right:8px}
 .mobile-nav{background:rgba(246,197,159,.72);border-top-color:#dfb89e}
 .mobile-nav a[aria-current]{background:rgba(255,255,255,.42)}
}
/* Keep mobile menu labels on one line, including iOS text autosizing. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:680px){
 .menu-tile{padding-inline:12px 22px;min-width:0}
 .menu-tile strong{font-size:clamp(12px,3.55vw,15px);white-space:nowrap;letter-spacing:0;line-height:1.45}
 .menu-tile>span{font-size:clamp(10px,2.8vw,12px);letter-spacing:0;line-height:1.5}
 .menu-tile:after{right:7px;width:12px}
 .menu-heading{margin-bottom:16px}
 .menu-extra{margin-top:12px;padding-top:4px}
}
@media(max-width:680px) and (max-height:850px){
 .menu-tile{min-height:96px;padding-block:12px;gap:8px}
 .menu-tile strong:after{margin-top:6px}
}

/* Compact home: no introductory subtitle, stable rows at all phone heights. */
@media(max-width:680px){
 .menu-page .page-shell{padding-top:12px}
 .menu-heading{margin-bottom:12px;min-height:46px}
 .menu-heading h1{font-size:23px;margin:0}
 .menu-heading h1:after{margin:7px 0 0}
 .menu-botanical{width:42px;height:56px;top:-6px;right:14px}
 .menu-grid{gap:8px}
 .menu-tile{min-height:78px;padding:10px 22px 10px 12px;gap:6px;border-radius:18px}
 .menu-tile strong:after{margin-top:5px}
 .menu-extra{margin-top:8px;padding-top:0}
}
/* More white above the footer and a larger tilted botanical accent. */
body{background-image:linear-gradient(180deg,#fff 0%,#fff 58%,#fffaf6 68%,#f9dfcd 84%,#f6c59f 100%)}
@media(max-width:680px){.menu-botanical{width:72px;height:96px;top:-14px;right:-5px;opacity:.38;transform:rotate(-18deg)}}
.menu-page{overflow-x:clip}
/* Start the warm transition in the lower half of the last menu row. */
body{background-image:linear-gradient(180deg,#fff 0%,#fff 47%,#fff5ed 54%,#f9dfcd 74%,#f6c59f 100%)}
@media(max-width:680px){.menu-botanical{transform:rotate(-55deg);top:-30px;right:-10px;width:72px;height:96px}}
/* Use spare viewport height for larger touch targets without crowding short screens. */
@media(max-width:680px){
 .menu-tile{min-height:clamp(78px,calc((100dvh - 380px) / 3),100px)}
}
/* Article actions: readable white text on the app's deep orange. */
.page-shell .button,.page-shell .button:visited{background:#bf501e;border-color:#bf501e;color:#fff}
.page-shell .button:hover,.page-shell .button:focus-visible{background:#a94014;border-color:#a94014;color:#fff}
.page-shell .button,.page-shell .button:visited{background:#df5000;border-color:#df5000;color:#fff;font-weight:600}
.page-shell .button:hover,.page-shell .button:focus-visible{background:#c64400;border-color:#c64400;color:#fff}
/* Raised orange article action with a brief, restrained sheen. */
.page-shell .button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#ed6509 0%,#df5000 60%,#cc4500 100%);border:1px solid #cf4900;border-top-color:#ff9c50;box-shadow:0 4px 0 #a93800,0 7px 12px #b64c0026,inset 0 1px 0 #ffffff65;transform:translateY(0);transition:transform .15s,box-shadow .15s}
.page-shell .button:visited{background:linear-gradient(180deg,#ed6509 0%,#df5000 60%,#cc4500 100%)}
.page-shell .button::after{content:"";position:absolute;inset:-60% auto -60% -65%;width:36%;background:linear-gradient(90deg,transparent,#ffffff12,#ffffff70,#ffffff12,transparent);transform:skewX(-22deg);pointer-events:none;animation:article-sheen 4.5s ease-in-out infinite}
.page-shell .button:hover{background:linear-gradient(180deg,#f37312,#df5000);transform:translateY(-1px);box-shadow:0 5px 0 #a93800,0 9px 14px #b64c002b,inset 0 1px 0 #ffffff65}
.page-shell .button:active{transform:translateY(3px);box-shadow:0 1px 0 #a93800,0 2px 5px #b64c0020}
@keyframes article-sheen{0%,42%{left:-65%;opacity:0}44%{opacity:1}86%{left:130%;opacity:1}87%,100%{left:130%;opacity:0}}
@media(prefers-reduced-motion:reduce){.page-shell .button::after{animation:none;display:none}.page-shell .button{transition:none}}

/* Disabled actions remain recognisable and do not shimmer. */
.page-shell .button:disabled,.page-shell .button[aria-disabled="true"]{opacity:.55;box-shadow:none;transform:none}
.page-shell .button:disabled::after,.page-shell .button[aria-disabled="true"]::after{display:none}
/* White reading invitation with a soft orange outline. */
.discover-card{background:#fff;border:1px solid #edc4a8;color:var(--text)}
.discover-card h2{color:var(--ink)}
.discover-card>p:not(.eyebrow),.discover-card small{color:#716158}
.discover-card .eyebrow{color:#a45c35}
.discover-card .aside-symbol{border-color:#edc4a8;color:#a45c35}

.profile-page>.button:first-child{margin-bottom:20px}
.profile-page>h1{margin-top:24px}

/* Account screens: keep the white cards distinct even at the top on iPhone. */
body.account-page{background:#f9e9e1;background-image:linear-gradient(180deg,#faeee8 0%,#f7e2d6 100%);background-attachment:scroll}
.account-page .paper-panel{background:#fff;border-color:#dcbba8;box-shadow:0 3px 12px #75452b0c}
.account-page .site-header{background:#fffaf6}
.account-page .profile-page>p:has(>a){background:#fffaf6;border:1px solid #e3c6b6;border-radius:12px;padding:12px 16px}
.account-page .profile-page>p>a{display:block;min-height:32px;overflow-wrap:anywhere}
.account-page .reading-menu-history{border-top:1px solid #cfa98f;padding-top:24px;margin-top:28px}
.account-page .section-line{gap:12px;flex-wrap:wrap}