*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f6f2;color:#2d4943;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI","Noto Sans JP",sans-serif;font-size:16px;line-height:1.85}a{color:#184e50;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b75438;outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}
.back-link{display:block;width:min(860px,calc(100% - 40px));margin:28px auto 0;min-height:44px}.example-intro,main,footer{width:min(860px,calc(100% - 40px));margin:auto}.example-intro{padding:30px 0 36px}.example-number{font-size:.875rem;font-weight:650;color:#a34d37;letter-spacing:.02em}.example-intro h1{font-size:clamp(2rem,5vw,3rem);line-height:1.35;color:#184e50;margin:14px 0 22px}.example-intro>p{max-width:780px}.example-disclosure{font-size:.875rem;color:#536b62;line-height:1.8}.example-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}.example-nav a{padding:10px 18px;border:1px solid #9bb4a8;border-radius:30px;background:#fff;color:#184e50;text-decoration:none;font-weight:600;min-height:44px}.download-link{display:inline-block;min-height:44px;padding:10px 0;font-weight:650}.example-block{padding:28px 0 60px;border-top:1px solid #cbdacf}.example-block>h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.6;margin:12px 0 24px;color:#184e50}.example-prompt{padding:18px 22px;background:#e9f1eb;border-radius:12px;margin-bottom:26px}.example-prompt blockquote{margin:0 0 14px;padding-left:16px;border-left:3px solid #d0795c}.example-prompt .r9-prompt-actions{margin:0}.r9-paper{padding:36px}.r9-paper>h3{font-size:1.45rem;line-height:1.5;color:#184e50;margin:0 0 18px}.r9-paper-photos img{height:270px}.example-part{margin:26px 0}.example-part:last-child{margin-bottom:0}.example-part h4{font-size:1rem;color:#184e50;border-left:4px solid #c6684c;padding-left:12px;margin:0 0 10px}.example-part p,.example-part ul{margin:0;line-height:1.85}.example-part li+li{margin-top:8px}.example-part li{overflow-wrap:anywhere}.email-body{line-height:1.9!important}.example-check{border-left:3px solid #cb8765;margin-top:26px;padding-left:22px}.example-check h3{font-size:1rem;font-weight:650;margin:0 0 8px}.example-check ul{margin:0;padding-left:1.2em;font-size:.875rem;line-height:1.85}.example-conditions{font-size:.875rem;line-height:1.9;padding:28px 0 40px;border-top:1px solid #ccdacf}.example-conditions h2{font-size:1.35rem;margin:0 0 20px}.example-conditions li{margin:12px 0;overflow-wrap:anywhere}.example-conditions summary{min-height:44px;cursor:pointer}.hash{overflow-wrap:anywhere}footer{padding:24px 0 48px;border-top:1px solid #ccdacf;font-size:.875rem}footer>a{display:inline-block;min-height:44px;font-weight:600}
@media(max-width:600px){.example-intro,main,footer,.back-link{width:calc(100% - 32px)}.example-intro{padding-top:16px}.example-nav{display:grid;grid-template-columns:1fr;gap:8px}.example-nav a{border-radius:10px;padding:10px 14px}.r9-paper{padding:20px}.r9-paper-photos{gap:12px}.r9-paper-photos img{height:170px}.r9-paper-photos figcaption{font-size:.875rem}.example-prompt{padding:18px 16px}.r9-paper-top{align-items:flex-start;flex-direction:column;gap:3px}.example-part ul{padding-left:1.15em}.r9-paper>h3{font-size:1.3rem}.example-block{padding-bottom:40px}}
@media(max-width:360px){.r9-paper{padding:16px}.r9-paper-photos img{height:140px}.example-intro h1{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:#182720}.back-link,.example-nav,.download-link,.example-prompt,.example-check,footer{display:none}.example-intro,main{width:100%;max-width:none}.example-intro{padding:0}.example-intro h1{font-size:24pt}.example-block{break-before:page;border:0;padding:0}.r9-paper{box-shadow:none;border:0;padding:0}.r9-paper-photos img{height:180px}.example-part{break-inside:avoid}.example-conditions{break-before:page}.example-disclosure{font-size:10pt}}