/* A small live-going notebook, sharing the site's pop palette. */
.prep-strip{padding:28px max(24px,calc((100vw - 1180px)/2));background:#f4ebff;border-block:1px solid #d7c6eb}
.prep-strip>h2{text-align:center;font-size:28px;line-height:1.5;margin:0 0 19px;color:#56308c}
.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.prep-card{display:flex;align-items:center;gap:20px;position:relative;padding:23px 25px;background:#fffdf9;border:2px solid #6333bd;border-radius:16px;box-shadow:4px 5px 0 #ba9ce9;text-decoration:none;color:#332345;min-width:0}
.prep-card:nth-child(2){background:#e1faff;box-shadow:4px 5px 0 #9fd2e9}
.prep-card:focus-visible,.prep-card:hover{outline:3px solid #ee79bf;outline-offset:4px}
.prep-card .prep-art{width:72px;height:72px;flex:0 0 72px;color:#6432d6;transform:rotate(-7deg)}
.prep-card:nth-child(2) .prep-art{transform:rotate(6deg)}
.prep-art svg{width:100%;height:100%;fill:#e5ff56;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.prep-card h3{font-size:22px;line-height:1.55;margin:0 0 6px;text-wrap:balance}
.prep-card p{font-size:13px;line-height:1.75;margin:0}
.prep-card .prep-read{display:block;margin-top:9px;font-size:13px;color:#6633c7;text-decoration:underline;text-underline-offset:4px}
.guide-page{max-width:1020px;margin:0 auto;padding:24px 24px 60px}
.guide-hero{position:relative;background:#fffdf9;border:2px solid #6540b1;border-radius:20px;padding:32px 40px 28px;box-shadow:6px 7px 0 #d2b8ef;margin:8px 0 30px;overflow:hidden}
.guide-hero:before{content:'';position:absolute;top:0;left:0;right:0;height:9px;background:repeating-linear-gradient(110deg,#e5ff56 0 55px,#e1bfff 55px 110px,#ffadd9 110px 165px,#b7f1ff 165px 220px)}
.guide-hero .guide-label{display:inline-block;border:1px solid #6943b3;background:#e5ff56;border-radius:5px;padding:1px 12px;margin:0 0 15px;font-size:13px;transform:rotate(-2deg)}
.guide-hero h1{font-size:clamp(26px,3.2vw,38px);line-height:1.65;max-width:22em;margin:0 0 16px;color:#523084;text-wrap:balance;word-break:normal;overflow-wrap:anywhere}
.guide-hero h1>span{display:block}.guide-hero h1 .title-phrase{display:inline-block;white-space:nowrap}
.guide-lead{margin:0;max-width:46em;font-size:16px;line-height:1.9}
.guide-meta{font-size:12px;color:#74677f;margin:16px 0 0}
.guide-pr{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:#66516d;margin:18px 0 0;padding:12px 14px;background:#f7efff;border-radius:6px}
.guide-pr>span,.ad-label{flex-shrink:0;display:inline-block;border:1px solid #9d6bac;border-radius:4px;padding:0 7px;font-size:11px;color:#694478;background:#fff}
.guide-body{padding:28px 40px 35px;background:#fffdf9;border:1px solid #d8c3e7;border-radius:16px;color:#3d3248}
.guide-body p,.guide-body li,.guide-body td,.guide-body th,.guide-lead,.guide-pr,.guide-meta{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif!important;font-weight:400!important}
.guide-body p,.guide-body li{font-size:15px;line-height:1.95}
.guide-body p{margin:14px 0}
.guide-body section{scroll-margin-top:100px;margin:34px 0 0}
.guide-body section:first-child{margin-top:0}
.guide-body h2{font-size:25px;line-height:1.65;margin:0 0 16px;color:#58338c;padding:0 0 8px;border-bottom:3px solid #e5b9f0;text-wrap:balance}
.guide-body h3{font-size:19px;line-height:1.7;margin:24px 0 8px;color:#63368c}
.guide-body a:not(.guide-related):not(.guide-source-link){color:#6934b6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-body a:focus-visible{outline:3px solid #e955aa;outline-offset:4px}
.guide-toc{padding:18px 24px;border:1px solid #c8b7de;background:#f5effd;border-radius:10px;margin-bottom:30px}
.guide-toc h2{font-size:18px;border:0;margin:0 0 9px;padding:0}
.guide-toc ol{margin:0;padding-left:22px;display:grid;gap:6px}
.guide-body .guide-note{border-left:4px solid #8861cd;padding:12px 17px;background:#f7f0ff;border-radius:0 7px 7px 0;font-size:14px}
.packing-list{list-style:none;margin:15px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.packing-list li{position:relative;border:1px solid #d7c3e7;border-radius:8px;padding:14px 15px 14px 39px;background:#faf6ff;margin:0}
.packing-list li:before{content:'✓';position:absolute;left:13px;top:14px;color:#7c3ec2}
.packing-list li strong{display:block;color:#522d79}
.packing-list li span{display:block;font-size:13px;line-height:1.85;margin-top:3px}
.guide-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d8c1e7;border-radius:8px;overflow:hidden;font-size:14px;margin:18px 0}
.guide-table th,.guide-table td{padding:13px 16px;text-align:left;line-height:1.8;border-bottom:1px solid #e6d9ed;vertical-align:top}
.guide-table thead th{background:#eee2fb;color:#5b357e}
.guide-table tbody th{background:#faf6fe;width:28%;color:#5b357e}
.guide-table tr:last-child>*{border-bottom:0}
.guide-ad{margin:24px 0;padding:19px 21px;border:1px solid #c9b1e6;background:#f5edff;border-radius:12px}
.guide-ad .ad-heading{display:flex;align-items:center;gap:10px;color:#5a347e;margin:0 0 9px;font-size:16px}
.guide-ad p{font-size:13px;margin:9px 0 13px}
.guide-body .guide-ad .a8-material>a{display:inline-block;padding:11px 18px;background:#6837d1;color:#fff;text-decoration:none;line-height:1.7;border-radius:8px;border-bottom:3px solid #3e1b91;font-size:14px;max-width:100%}
.guide-body .guide-ad .a8-material>a:hover{background:#5425bb}
.guide-ad .a8-material>img{display:inline;width:1px;height:1px;max-width:1px;border:0}
.guide-ad .ad-footnote{font-size:11px;color:#796586;line-height:1.7;margin:10px 0 0}
.guide-body .guide-sources{margin:32px 0 0;font-size:12px;color:#74627e;border-top:1px solid #e2d4ec;padding-top:15px}
.guide-sources a{display:inline-block;margin:4px 14px 0 0}
.guide-related{display:block;margin-top:28px;border:2px solid #8053bc;border-radius:12px;padding:16px 20px;background:#e7faff;color:#59308d;text-decoration:none;font-size:17px;line-height:1.8}
.guide-related span{display:block;font-size:12px;color:#746282}
.events-guide-link{margin:22px 0 0;padding:15px 18px;background:#fffdf9;border:1px solid #d8c3e7;border-radius:9px;font-size:13px;display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center}
.events-guide-link>a{color:#6435ab;text-underline-offset:4px}
@media(max-width:700px){.prep-strip{padding:24px 18px 29px}.prep-strip>h2{font-size:24px}.prep-grid{grid-template-columns:1fr;gap:17px}.prep-card{padding:18px;gap:16px}.prep-card h3{font-size:20px}.prep-card .prep-art{width:59px;height:59px;flex-basis:59px}.guide-page{padding:16px 15px 35px}.guide-hero{padding:27px 21px 23px;border-radius:13px;margin-bottom:22px;box-shadow:4px 5px 0 #d2b8ef}.guide-hero h1{font-size:26px;line-height:1.7}.guide-lead{font-size:14px}.guide-body{padding:24px 20px}.guide-body h2{font-size:22px}.guide-body h3{font-size:18px}.guide-body p,.guide-body li{font-size:14px}.packing-list{grid-template-columns:1fr;gap:10px}.guide-toc{padding:16px 18px}.guide-table{font-size:12px}.guide-table th,.guide-table td{padding:10px}.guide-table tbody th{width:30%}.guide-ad{padding:16px}.guide-ad .ad-heading{align-items:flex-start}.guide-body .guide-ad .a8-material>a{font-size:13px;padding:11px 13px}.guide-related{font-size:16px}.guide-pr{font-size:11px}}