:root{--bg:#fbf7f4;--paper:#fffefd;--ink:#493f3e;--muted:#8d817c;--line:#ebe2dc;--rose:#d57f74;--rose-dark:#bb675f;--peach:#fbebe2;--sage:#dce9dd;--sage-dark:#657e6c;--shadow:0 18px 65px rgba(100,64,59,.065);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans JP",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 6% 8%,#fbedec 0,transparent 35%),radial-gradient(ellipse at 99% 48%,#f4f0de 0,transparent 38%),var(--bg);font-size:15px;line-height:1.72}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf8e82;outline-offset:3px}.page-shell{max-width:1240px;margin:0 auto;padding:0 34px}.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:serif;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:.035em}.brand-mark{font-family:sans-serif;display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:#be6c60;background:#f9e4dd;font-size:26px}.brand-emphasis{color:#bd7268}.brand small{display:block;color:#a59a94;font:10px system-ui;margin-top:3px;letter-spacing:.12em}.header-right{display:flex;align-items:center;gap:30px}.privacy-pill{font-size:11px;color:var(--sage-dark);background:#eff6ec;border:1px solid #dae9da;padding:6px 12px;border-radius:50px;white-space:nowrap}.status-dot{display:inline-block;vertical-align:middle;border-radius:50%;background:#80a785;width:6px;height:6px;margin-right:5px}.header-link{font-size:12px;text-decoration:none;color:#73635c;white-space:nowrap}.wizard-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:66px;padding-top:54px}.wizard-sidebar{padding-top:31px}.sidebar-heading{font-size:15px;font-weight:800;letter-spacing:.04em}.tiny-flower{color:#c78475}.wizard-sidebar>p{font-size:12px;color:var(--muted);margin:7px 0 30px}.stage-list{display:grid;gap:6px;position:relative}.stage{width:100%;display:flex;align-items:center;gap:17px;border:none;background:transparent;border-radius:14px;color:#9c908b;font-size:13px;font-weight:600;text-align:left;padding:15px 14px;transition:background .15s,color .15s}.stage:hover{background:#f9efea}.stage span{font-size:12px;font-weight:700;color:#bcb0a6;font-variant-numeric:tabular-nums}.stage.is-active{background:#f6e6e0;color:#a65e57}.stage.is-active span{color:#b96c64}.stage.is-completed:before{content:'✓';color:#66916a;position:absolute;margin-left:183px}.sidebar-foot{margin-top:68px;border-top:1px solid var(--line);padding:20px 8px;font-size:11px;color:#aa9a90}.sparkle{color:#d59e8f}.content-col{min-width:0;max-width:798px}.step-counter{display:flex;justify-content:space-between;color:#af8b7f;letter-spacing:.18em;font-weight:700;font-size:10px}.progress-track{height:5px;border-radius:100px;background:#e9e1dc;margin:12px 0 28px;overflow:hidden}.progress-track span{display:block;height:100%;width:14.3%;background:linear-gradient(90deg,#e2ada1,#c88477);border-radius:100px;transition:width .3s ease}.screen{display:none;animation:rise .26s ease both}.screen.is-visible{display:block}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-card{position:relative;overflow:hidden;min-height:558px;background:linear-gradient(120deg,#f7e8e1,#fff1e5 68%,#ffecd9);padding:61px 54px;border-radius:26px;border:1px solid #f0ded5;box-shadow:var(--shadow)}.hero-deco{position:absolute;color:#e4b3a2}.hero-deco-a{font-size:28px;right:30px;top:32px}.hero-deco-b{font-size:21px;left:30px;bottom:22px}.hero-art{position:absolute;right:13px;top:71px;width:302px;z-index:0}.hero-art svg{width:100%;height:auto}.hero-card>.eyebrow,.hero-card h1,.hero-description,.hero-checks,.hero-cta,.hero-mini{position:relative;z-index:1}.eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#c78378}.hero-card h1{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;letter-spacing:.035em;font-size:clamp(31px,4.2vw,47px);line-height:1.57;margin:19px 0 21px;max-width:440px}.hero-card h1 span{color:var(--rose-dark)}.hero-description{font-size:13px;line-height:2.05;max-width:360px;color:#72635e}.hero-checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:26px 0 30px;font-size:11px;font-weight:700;color:#996e61}.btn{border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 21px;font-weight:800;font-size:13px;min-height:49px;transition:transform .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:#c7776c;color:white;box-shadow:0 7px 15px #c7776c2a}.btn-primary:hover:not(:disabled){background:#b6685d}.btn:disabled{opacity:.42;cursor:not-allowed}.hero-cta{min-width:208px}.hero-mini{font-size:10px;color:#9e8c82;max-width:440px;margin:20px 0 0}.info-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.little-info{background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:22px 24px;min-height:112px}.little-info b{font-size:13px}.little-info p{color:#998b83;font-size:12px;line-height:1.85;margin:7px 0 0}.intro-line{display:flex;gap:21px;align-items:flex-start;margin:35px 0 27px}.emoji-orb{flex:0 0 66px;width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:#fae6df;font-size:31px;box-shadow:inset -5px -4px #f4ddd5}.intro-line h1{font-size:30px;letter-spacing:.03em;line-height:1.5;margin:7px 0}.intro-line p{font-size:13px;color:var(--muted);margin:7px 0}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:34px 38px;box-shadow:var(--shadow)}.field-block{margin-bottom:26px}.field-block:last-child{margin-bottom:0}.field-label,.field-block>label:not(.check-line){display:block;font-weight:800;font-size:13px;line-height:1.55;margin-bottom:10px}.field-label em{font:10px system-ui;color:#c47c70;background:#fff1ec;border-radius:5px;padding:3px 5px;margin-left:7px;font-style:normal}.field-help{font-size:11px;color:#938780;line-height:1.85;margin:6px 0 11px}.field-control,.repeat-item input:not([type=checkbox]),.repeat-item select{width:100%;min-width:0;border:1px solid #e6deda;border-radius:11px;background:#fffefa;padding:13px 15px;font-size:14px;color:#4c4340;min-height:48px}.field-control:hover,.repeat-item input:hover,.repeat-item select:hover{border-color:#d2a69e}input::placeholder{color:#b6aaa4}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23917d77' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:34px!important}.money-wrap{position:relative}.money-wrap input{padding-right:48px}.money-wrap span{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:12px;color:#998680}.check-line{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#76665e;line-height:1.6;margin:12px 0;cursor:pointer}.check-line input{accent-color:#c7776c;flex:none;width:16px;height:16px;margin-top:3px}.subtle-field{background:#fbf7f4;border-radius:11px;padding:12px 16px}.conditional{display:none}.conditional.is-shown{display:block}.separator{border-top:1px solid var(--line);margin:33px 0}.fine-detail{padding:10px 13px;border-radius:10px;background:#f7f7f1;color:#776f66;font-size:12px;margin-bottom:18px}.fine-detail summary{font-weight:700;cursor:pointer}.soft-panel{background:#fcf8f5;border:1px solid #f1e8e2;padding:23px;border-radius:15px}.panel-title{font-size:13px;font-weight:800;margin:0 0 18px}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.two-fields .field-block{margin-bottom:20px}.helper-note{background:#f2f7ee;border:1px solid #e1eddf;color:#587361;padding:14px 16px;border-radius:11px;font-size:12px;margin-bottom:22px}.repeat-list{display:grid;gap:13px}.repeat-item{border:1px solid #ebdfd8;background:#fdfaf8;padding:22px;border-radius:16px}.repeat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.repeat-top b{font-size:14px}.remove{background:#fff5f1;color:#b77066;border:1px solid #f0ddd5;border-radius:8px;padding:4px 10px;font-size:11px}.btn-add{border:1px dashed #d8a79c;background:#fff8f3;color:#b9776c;width:100%;margin-top:16px;box-shadow:none}.group-heading{display:flex;justify-content:space-between;font-size:17px;margin:0 0 10px}.group-heading span{color:#d6bbb0;font-size:12px}.bottom-nav{display:flex;justify-content:space-between;align-items:center;margin:31px 0 100px}.btn-quiet{background:none;color:#99877e;padding-left:4px}.btn-outline{border:1px solid #dfc8bf;background:#fffefa;color:#ad6d64}.result-card{padding:32px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-heading h2{margin:8px 0 18px;font-size:21px}.ready-pill{font-size:11px;background:#f7efe7;color:#a7826f;padding:5px 12px;border-radius:50px;white-space:nowrap}.ready-pill.is-ready{background:#eaf3e8;color:#59835e}.result-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 20px}.result-line{display:grid;gap:3px;background:#fcf7f3;border:1px solid #f0e7e1;border-radius:12px;padding:16px}.result-line span{font-size:11px;color:#89766d}.result-line strong{font-size:20px;color:#6d5550;letter-spacing:.01em;font-variant-numeric:tabular-nums}.empty-results{color:#a0928b;font-size:12px}.alert{padding:17px 20px;border-radius:13px;background:#fff0e9;border:1px solid #edd4c9;color:#9d514a;font-size:12px;margin:0 0 20px}.alert.is-hidden{display:none}.note-box{padding:15px 19px;border-radius:12px;font-size:12px;line-height:1.85;margin:14px 0}.note-box.error{background:#fff1ec;color:#9c4e45}.note-box.warning{background:#fff9ed;color:#8e7454}.note-box ul{margin:5px 0;padding-left:22px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 13px}.official-section{border:1px solid var(--line);border-radius:17px;padding:24px;margin-top:18px;background:#fff}.official-section h2{font-size:16px;margin:0 0 8px}.official-section p{font-size:12px;color:var(--muted)}.official-section a{display:block;font-size:12px;padding:13px 0;border-bottom:1px solid #f2ebe8;text-decoration:none;color:#a8695f}.official-section a:last-child{border:0}.footer{margin:30px 0 0;border-top:1px solid var(--line);padding:35px 0 40px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;color:#91827c}.footer b{font-size:12px;color:#6e5a53}.footer b span{color:#c6776c}.footer p{font-size:10px;max-width:510px}.footer a{display:block;font-size:11px;text-decoration:none;margin:4px 0;color:#af726a}.footer small{font-size:10px;grid-column:1/-1}.hidden{display:none!important}@media(max-width:1020px){.wizard-layout{grid-template-columns:188px minmax(0,1fr);gap:30px}.page-shell{padding:0 23px}.hero-card{padding:45px 33px}.hero-art{right:-5px;top:110px;width:235px;opacity:.66}.hero-description{max-width:330px}}@media(max-width:750px){.page-shell{padding:0 16px}.site-header{min-height:78px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.header-right{gap:0}.header-link{display:none}.privacy-pill{font-size:9px;padding:6px 8px}.wizard-layout{display:block;padding-top:19px}.wizard-sidebar{padding:0 0 12px}.wizard-sidebar .sidebar-heading,.wizard-sidebar>p,.sidebar-foot{display:none}.stage-list{display:flex;overflow:auto;gap:4px;padding:0 0 12px;scrollbar-width:thin}.stage{font-size:0;padding:8px 12px;white-space:nowrap;width:auto;flex:none;min-width:52px;justify-content:center}.stage span{font-size:11px}.stage.is-completed:before{display:none}.hero-card{min-height:0;padding:36px 27px 28px}.hero-art{width:160px;right:-21px;top:18px;opacity:.4}.hero-card h1{font-size:30px}.hero-description{max-width:310px;font-size:12px}.hero-mini{font-size:9px}.info-two{grid-template-columns:1fr;gap:9px}.little-info{padding:17px;min-height:0}.intro-line{margin:22px 0}.intro-line h1{font-size:25px}.emoji-orb{width:54px;height:54px;flex-basis:54px;border-radius:16px}.form-card{padding:23px 19px}.two-fields,.result-list{grid-template-columns:1fr}.repeat-item{padding:18px}.bottom-nav{margin-bottom:55px}.footer{grid-template-columns:1fr;gap:17px}.footer small{grid-column:auto}.result-heading{align-items:flex-start;flex-direction:column}.action-row .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 公式PDF原本のセットアップ / official-form setup */
.template-status{background:#f0f7ee;border:1px solid #dce9d7;border-radius:12px;color:#647b64;font-size:12px;padding:13px 17px;margin:16px 0}
.template-status.is-incomplete{background:#fff8f1;border-color:#f1e0d0;color:#956e56}
.template-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}
.template-grid{display:grid;gap:10px;margin:14px 0}
.template-card{background:#fffaf6;border:1px solid #f0e4db;border-radius:13px;padding:14px 16px;display:flex;gap:12px;justify-content:space-between;align-items:center}
.template-card .title{font-size:12px;font-weight:750;color:#614d49}
.template-card .small{font-size:10px;color:#928077;margin-top:2px}
.template-card .tag{display:inline-flex;border-radius:30px;background:#fff0e8;color:#a4755b;padding:3px 9px;font-size:10px;white-space:nowrap}
.template-card .tag.ok{background:#e4f1e7;color:#56865a}
.template-card-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.template-file{position:relative;font-size:11px;padding:7px 11px;border-radius:8px;border:1px solid #dec7ba;background:white;cursor:pointer;white-space:nowrap}
.template-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.template-card-actions a{padding:0;border:0!important;font-size:11px}
.template-subheading{font-size:13px;margin-top:24px}
.template-error{padding:12px;background:#fff0ea;color:#a34c45;border-radius:10px;font-size:12px}
.template-error.is-hidden{display:none}
@media(max-width:750px){.template-card{flex-direction:column;align-items:stretch}.template-card-actions{justify-content:space-between}.template-controls .btn{flex:1 1 100%}}

/* V3: friendly, page-specific handwriting guide. Visual principles: pastel
   stationery, deliberate bold outlines, soft Japanese rounded typography. */
:root{--guide-ink:#493b50;--guide-pink:#ffb6c9;--guide-pink-strong:#ed7da5;--guide-lime:#e6f2a1;--guide-cream:#fff8ee}
body{background-image:radial-gradient(circle at center,rgba(155,119,139,.09) 1.1px,transparent 1.3px),radial-gradient(ellipse at 2% 5%,#fff0ee,transparent 34%);background-size:20px 20px,auto;font-family:"Hiragino Maru Gothic ProN","Zen Maru Gothic","Hiragino Sans","Noto Sans JP",system-ui,sans-serif}
.writing-guide{margin:28px 0 34px;background:var(--guide-cream);border:2.5px solid var(--guide-ink);border-radius:27px;box-shadow:6px 7px 0 #6d5a6d;padding:22px 22px 26px;position:relative;overflow:hidden}
.writing-guide-heading{padding:4px 3px 19px;position:relative}.writing-guide-heading:after{content:'✿';font-size:43px;position:absolute;right:7px;top:-1px;transform:rotate(17deg);color:#ffa9c5}.guide-kicker{display:inline-block;padding:4px 11px;border-radius:20px;background:#f7cbd9;font-size:11px;font-weight:800;color:#72465d}.writing-guide-heading h2{font-size:clamp(23px,3vw,31px);line-height:1.4;margin:11px 0 4px;color:#4f3d50;letter-spacing:-.035em}.writing-guide-heading p{color:#806e7a;font-size:12px;margin:0;max-width:490px}
.guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.guide-tab{background:#fff;border:2px solid #bfa9b5;border-radius:15px;padding:12px 6px 10px;box-shadow:0 3px 0 #c1b0bc;font-weight:800;font-size:12px;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s}.guide-tab small{display:block;color:#8f7787;font-size:10px;font-weight:600;margin-top:4px}.guide-tab:hover{transform:translateY(-2px)}.guide-tab.is-active{background:#ffd5e3;border-color:#67485e;box-shadow:0 4px 0 #67485e;transform:translateY(-1px);color:#733d58}
.guide-body{border:2px solid #e3cbd8;border-radius:22px;background:white;overflow:hidden}.guide-empty{padding:35px 22px;color:#927c86;text-align:center;font-size:12px}.guide-content.is-hidden,.guide-empty.is-hidden{display:none}.guide-sheet-intro{background:#fffafc;padding:16px 21px;border-bottom:1px dashed #e5cbd9;display:flex;align-items:center;justify-content:space-between;gap:16px}.guide-sheet-intro h3{margin:5px 0 2px;font-size:15px;color:#5a4050;line-height:1.6}.guide-sheet-intro p{margin:0;color:#8f7784;font-size:11px}.sheet-caption{display:inline-block;background:#dcecb1;color:#64754d;border-radius:13px;padding:2px 11px;font-size:11px;font-weight:800}.guide-reference-tag{white-space:nowrap;font-size:10px;color:#96677a;border:1px solid #f2c7d7;border-radius:10px;padding:5px 8px;background:#fff2f7}
.guide-preview-wrap{padding:16px;background:#f6f2f2}.guide-preview{position:relative;width:100%;aspect-ratio:1.414;overflow:hidden;background:#fff;border:1px solid #b7aab2;border-radius:6px;box-shadow:0 7px 18px rgba(79,56,73,.12)}.guide-preview-img{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}.guide-preview-img.is-hidden,.guide-preview-skeleton.is-hidden{display:none}.guide-preview-skeleton{position:absolute;inset:0;padding:4%;display:flex;flex-direction:column;gap:3%;opacity:.75}.sk-head{height:10%;border:2px solid #99909a;background:repeating-linear-gradient(90deg,#eee 0,#eee 8%,#fff 8%,#fff 11%)}.sk-top{height:22%;border:2px solid #99909a;background:repeating-linear-gradient(0deg,#fff 0,#fff 22%,#eee 22%,#eee 24%)}.sk-columns{height:44%;display:flex;border:2px solid #99909a;gap:1%;padding:1%}.sk-columns div{width:33.33%;border:1px solid #bbb;background:repeating-linear-gradient(0deg,#fff 0,#fff 11%,#efefef 11%,#efefef 12%)}.sk-bottom{height:12%;border:2px solid #99909a}.guide-preview-skeleton span{position:absolute;top:43%;left:13%;right:13%;text-align:center;background:#fff2f8;padding:12px 4px;border:2px solid #e9b9cd;border-radius:12px;font-weight:700;font-size:11px;color:#94576c}
.guide-markers{position:absolute;inset:0;pointer-events:none}.guide-marker{pointer-events:auto;position:absolute;transform:translate(-4px,-4px);width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px);border:2px solid #50384d;border-radius:50%;background:#ffc4d4;color:#53364f;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:1px 2px 0 #50384d;transition:transform .12s,background .12s;z-index:2}.guide-marker.is-active,.guide-marker:hover{background:#e8f5a4;transform:translate(-4px,-4px) scale(1.13);z-index:3}.guide-preview-footnote{font-size:10px;color:#897784;line-height:1.7;margin:10px 2px 2px}
.guide-field-list{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}.guide-field-card{padding:14px 14px 13px;border:1.7px solid #ecdbe2;background:#fff;border-radius:15px;transition:background .12s,border-color .12s;cursor:pointer}.guide-field-card.is-active{border-color:#d981a3;background:#fff8fb}.guide-field-top{display:flex;align-items:center;gap:8px;min-width:0}.guide-number-pill{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffc6d8;color:#56384f;font-weight:900;font-size:11px;border:1.5px solid #a46b82}.guide-field-title{font-size:12px;line-height:1.6;color:#5d4757;flex:1}.guide-status{font-size:10px;font-weight:700;border-radius:12px;padding:3px 8px;white-space:nowrap;background:#ffe4eb;color:#b15d82}.guide-status.manual{background:#f9e9bf;color:#8e7552}.guide-status.check{background:#ebecf9;color:#6d698b}.guide-status.skip{background:#f0f1ef;color:#90908a}.guide-field-value{font-size:18px;font-weight:900;color:#b74a79;letter-spacing:-.025em;margin:6px 0 3px}.guide-field-explainer{margin:0;color:#756975;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.guide-copy{margin-top:9px;padding:5px 10px;border-radius:8px;border:1px solid #e0c4cf;background:#fff;color:#8b6281;font-size:10px;font-weight:700;cursor:pointer}.guide-copy:hover{background:#fff0f5}
.guide-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 9px}.guide-downloads .btn{min-width:190px;flex:1;font-size:12px;border-radius:12px}.guide-downloads .btn-primary{background:#f2a3bc;color:#542f45;border:2px solid #62475a}.guide-downloads .btn-primary:hover{background:#ffd0df}.guide-downloads .btn-outline{background:#f6ffd9;color:#536447;border:2px solid #8b9d67}.guide-safety{font-size:10px;line-height:1.9;color:#8b7681;margin:0 3px}
@media(max-width:680px){.writing-guide{margin:19px 2px 30px;padding:16px 12px 18px;border-radius:22px;box-shadow:4px 5px 0 #6d5a6d}.guide-tabs{gap:5px}.guide-tab{font-size:11px;padding:10px 2px}.guide-sheet-intro{padding:13px 12px}.guide-sheet-intro h3{font-size:13px}.guide-preview-wrap{padding:9px}.guide-field-list{padding:9px}.guide-field-card{padding:12px}.guide-field-value{font-size:16px}.guide-marker{width:21px;height:21px;font-size:10px}.guide-downloads{flex-direction:column}.guide-downloads .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.guide-marker,.guide-tab,.guide-field-card{transition:none}}
/* Comfortable two-choice taps, patterned after Japanese guided-question design. */
.visually-hidden-choice{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:-1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important}
.binary-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:10px 0 16px}
.binary-option{padding:14px 12px;min-height:62px;border:2px solid #bba4b1;border-radius:16px;background:#fffefd;box-shadow:0 3px 0 #c8b8c1;text-align:center;font-size:12px;font-weight:800;color:#786475;line-height:1.55;transition:background .14s,border-color .14s,transform .14s;cursor:pointer}
.binary-option:hover{transform:translateY(-1px);background:#fff9fb}
.binary-option.is-selected{background:#ffdaE6;color:#78405f;border-color:#7f5471;box-shadow:0 4px 0 #7f5471;transform:translateY(-1px)}
.binary-option.is-selected:before{content:'✓';color:#77465f;margin-right:7px;font-weight:900}
@media(max-width:550px){.binary-choices{grid-template-columns:1fr;gap:9px}.binary-option{min-height:53px;text-align:left;padding:12px 16px}}

/* V4: printed official form numeric transfer — friendly, not overstated */
.auto-fill-section{background:#fff4d7;border:2px solid #30243c;box-shadow:5px 5px 0 #30243c;border-radius:22px;padding:clamp(18px,3.5vw,32px);margin:24px 0;position:relative}
.auto-fill-section h2{font-size:clamp(22px,3vw,29px);margin:6px 0 10px;color:#30243c}
.auto-fill-section p{line-height:1.85;color:#504656}
.auto-fill-icon{position:absolute;right:24px;top:22px;background:#e2f7aa;border:2px solid #30243c;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:25px}
.auto-fill-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.auto-fill-section .field-block{display:flex;flex-direction:column;gap:8px}
.auto-fill-section .field-control{background:white;border:2px solid #30243c;border-radius:12px;width:100%;min-height:47px;padding:9px 12px}
.auto-fill-section .btn-primary{background:#d5f44c;color:#30243c}
.auto-fill-note{font-size:12px;margin-top:15px;color:#5a4e50}
@media(max-width:610px){.auto-fill-fields{grid-template-columns:1fr}.auto-fill-icon{right:14px;top:15px;width:36px;height:36px}}
.auto-fill-fields .field-block{margin:0 !important;padding:0 !important;min-height:0}
.auto-fill-fields .field-label{margin:0 0 4px}

/* V5 — one clear choice, two mutually exclusive output experiences.
   Japanese stationery / bright lime–pink / bold ink outlines, modeled on the
   qualities of the supplied reference, not copied artwork or stylesheets. */
.export-chooser{margin:24px 0 20px;padding:24px;border:2px solid #302439;border-radius:25px;background:#fffdf7;box-shadow:5px 6px 0 #33283c}
.export-chooser h2{font-size:clamp(22px,3vw,30px);margin:6px 0;color:#30243b;letter-spacing:-.035em}
.export-chooser h2 span{color:#f2498f}.export-chooser>p{font-size:13px;line-height:1.9;color:#65586a;max-width:640px}
.export-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}
.export-choice{position:relative;background:#fff;border:2.5px solid #403149;border-radius:20px;box-shadow:3px 5px 0 #403149;padding:18px 15px;display:flex;align-items:flex-start;text-align:left;gap:13px;cursor:pointer;min-height:140px;color:#392b42;transition:background .13s,transform .13s,box-shadow .13s}
.export-choice:hover{transform:translateY(-2px);box-shadow:4px 7px 0 #403149}
.export-choice.is-selected{background:#e4f69a;outline:3px solid #fff;outline-offset:-7px}
.export-choice:nth-child(2).is-selected{background:#ffd0e1}
.export-emoji{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;background:#fff6ec;border:2px solid #473448;border-radius:16px;font-size:24px}
.export-choice small{display:block;font-size:10px;letter-spacing:.02em;font-weight:900;color:#9e4375}
.export-choice strong{display:block;font-size:16px;margin:6px 0 5px;line-height:1.45}
.export-choice em{display:block;font-size:11px;line-height:1.6;font-style:normal;color:#706575}
.choice-footnote{display:block;font-size:10px;color:#7a4d63;font-weight:800;margin-top:8px}
.choice-check{display:none;position:absolute;right:13px;top:13px;border:2px solid #403149;border-radius:50%;height:22px;width:22px;background:#fff;place-items:center;font-size:12px;font-weight:900}
.export-choice.is-selected .choice-check{display:grid}
.mode-panel.is-hidden{display:none!important}
.mode-panel>.auto-fill-section,.mode-panel>.writing-guide{margin-top:17px}
.mode-paper-preview{padding:15px;background:white;border:2px solid #4c3a4d;border-radius:18px;margin:15px 0}
.mode-preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.mode-preview-toolbar b{display:block;font-size:13px;color:#34283f}.mode-preview-toolbar small{display:block;font-size:10px;color:#867c88;margin-top:4px}
.mode-preview-toolbar select{border:1.5px solid #776879;background:#fff9ed;padding:9px 12px;border-radius:12px;font:inherit;max-width:100%;font-size:12px;color:#332a3e}
.mode-image-shell{margin-top:13px;aspect-ratio:841.89/595.28;background:#f9f7f4;border-radius:9px;border:1px solid #dccfd9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mode-image-shell img{width:100%;height:100%;object-fit:contain;display:none}
.mode-image-shell img.is-loaded{display:block}
.mode-image-shell p{color:#887987;font-size:12px;text-align:center;padding:12px}
.mode-image-shell img.is-loaded+p{display:none}
.mode-remain{background:#fff3bd;border:2px solid #453648;border-radius:16px;padding:16px;margin-bottom:20px}
.mode-remain strong{font-size:13px;color:#3f3446}.mode-remain ul{margin:9px 0 0;padding-left:20px;font-size:11px;line-height:1.9;color:#625668}
.manual-result-overview{max-width:610px;margin:12px auto 23px;display:grid;gap:14px;color:#30243a}
.manual-cat-callout{display:flex;align-items:center;gap:15px}
.manual-cat{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;font-size:30px;background:#ffcfde;border:2px solid #32233e;box-shadow:2px 3px 0 #32233e}
.manual-cat-callout>div{background:#d7f54a;border:2px solid #302439;box-shadow:3px 4px 0 #302439;border-radius:16px;padding:12px 19px;flex:1}
.manual-cat-callout small{display:block;font-size:10px;font-weight:800}.manual-cat-callout strong{display:block;font-size:18px;margin-top:2px;line-height:1.4}
.manual-paper{border:2px solid #35283e;border-radius:17px;box-shadow:3px 4px 0 #35283e;position:relative;padding:19px 18px;font-size:12px;line-height:1.75}
.manual-paper>b,.manual-paper>strong{display:block;font-size:16px;margin:0 0 6px}.manual-paper p{margin:0 0 10px}
.pink-paper{background:#f54b91;color:#fff}.pink-paper p{color:#fffdfc}
.pink-paper .btn-lime{background:#d9f94c;color:#352638;border:2px solid #352638;border-radius:14px;box-shadow:2px 3px 0 #352638;max-width:100%;padding:12px 15px;font-weight:900;font-size:13px;white-space:normal;line-height:1.5}
.pink-paper .btn-lime:disabled{opacity:.55;cursor:not-allowed}.pink-paper .manual-fineprint{margin:12px 0 0;font-size:10px;line-height:1.7}
.paper-sheet{background:white;padding:24px 18px 19px;margin-top:8px}
.paper-sheet:after{content:'';position:absolute;top:-2px;right:-2px;border-top:21px solid #fde1eb;border-left:21px solid transparent;width:0;height:0;filter:drop-shadow(-1px 2px 0 #33263e)}
.paper-stamp{position:absolute;top:-16px;left:13px;background:#3e2b42;color:#fff;border-radius:20px;padding:3px 14px;font-size:10px;font-weight:800}
.paper-sheet>b{font-size:14px}.paper-sheet>p{font-size:10px;color:#928698}
.paper-details{display:flex;flex-direction:column;margin-top:9px}
.paper-detail-row{border-top:1px dashed #eadbe6;display:flex;justify-content:space-between;gap:12px;padding:8px 1px;align-items:center;font-size:11px}
.paper-detail-row span{flex:1}.paper-detail-row strong{text-align:right;font-size:11px;overflow-wrap:anywhere}
.yellow-paper{background:#fff3ab}.blue-paper{background:#e5f4ff}
.yellow-paper ul{padding-left:18px;margin:7px 0 0;font-size:11px;line-height:1.95}
.blue-paper p{font-size:11px;line-height:1.85}
.extra-docs{border-top:1px dashed #dcc5d3;padding-top:15px;margin-top:12px}
.extra-docs summary,.official-section summary{cursor:pointer;font-size:12px;font-weight:800;color:#654a66;padding:10px 5px}
.official-section{margin:28px 0;border:1.5px dashed #bea5b8;border-radius:18px;background:#fff9f4;padding:4px 18px 18px;box-shadow:none}
.official-section:not([open]){padding-bottom:4px}
@media(max-width:660px){.export-chooser{padding:17px 13px}.export-choices{grid-template-columns:1fr;gap:12px}.export-choice{min-height:110px;padding:14px}.export-choice strong{font-size:15px}.manual-cat-callout strong{font-size:15px}.mode-preview-toolbar{align-items:stretch}.mode-preview-toolbar select{width:100%}.mode-paper-preview{padding:10px}.manual-result-overview{padding:0 2px}.manual-paper{padding:16px 13px}.paper-sheet{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.export-choice{transition:none}}

/* 入力の保存とクリア / local draft + reset */
.clear-btn{border:1px solid #e7c9c2;background:#fff6f2;color:#a5645b;font-size:11px;line-height:1.4;padding:7px 12px;border-radius:50px;white-space:nowrap;margin-left:12px;transition:background .16s ease,border-color .16s ease}
.clear-btn:hover{background:#fdeae4;border-color:#dda79c}
.clear-btn:active{transform:translateY(1px)}
.reset-row{margin:26px 0 4px;padding-top:19px;border-top:1px dashed #e6d5cd;display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.reset-btn{font-size:12px}
.reset-row small{font-size:10px;color:#a2958f;line-height:1.6}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);max-width:calc(100vw - 32px);background:#4c3a4d;color:#fffdf9;font-size:12px;line-height:1.65;padding:12px 20px;border-radius:14px;box-shadow:0 12px 32px rgba(60,40,55,.24);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:80;text-align:center}
.toast.is-shown{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:750px){.clear-btn{margin-left:6px;font-size:10px;padding:6px 9px}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:6px}.reset-row{gap:9px}.reset-row small{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.clear-btn,.toast{transition:none}}

/* 首页 SEO 正文 / homepage guide ------------------------------------------- */
.seo-guide{max-width:900px;margin:58px auto 10px;color:#4a3f3d}
.seo-guide h2{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:clamp(21px,2.6vw,27px);line-height:1.6;letter-spacing:.02em;margin:0 0 16px;color:#3f3634}
.seo-guide h3{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.7;margin:0 0 10px;color:#453a38}
.seo-guide p{margin:0 0 13px;font-size:14px;line-height:1.95;color:#584b48}
.seo-small{font-size:11.5px!important;line-height:1.85!important;color:#94867f!important}
.seo-guide a{color:#b2685e;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.seo-guide a:hover{color:#93463c}
.seo-intro{padding:38px 40px 34px;background:linear-gradient(135deg,#fdf1e9,#fff8f0 62%,#fdf3e4);border:1px solid #f2ddd2;border-radius:24px;box-shadow:0 12px 40px rgba(120,80,70,.06)}
.seo-kicker{font-size:11px!important;letter-spacing:.14em;font-weight:800;color:#c2796d!important;margin-bottom:10px!important}
.seo-intro h2{font-size:clamp(22px,2.8vw,29px)}
.seo-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 12px}
.seo-cta-row .btn{text-decoration:none}
.seo-toc{margin:26px 0 0;padding:24px 28px;background:#fffdf9;border:1px solid #ece2da;border-radius:18px}
.seo-toc-title{font-size:12px!important;font-weight:800;color:#8a7a72!important;margin-bottom:10px!important;letter-spacing:.06em}
.seo-toc ol{margin:0;padding-left:20px;font-size:13px;line-height:2.1;color:#6b5b56}
.seo-toc li::marker{color:#d2a99f;font-weight:800}
.seo-toc a{text-decoration:none}
.seo-toc a:hover{text-decoration:underline}
.seo-section{margin:52px 0 0;padding-top:8px}
.seo-section>p:first-of-type{color:#5d4f4b}
.seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 8px}
.seo-step{padding:22px 21px;background:#fffefd;border:1px solid #ece2da;border-radius:18px;box-shadow:0 8px 22px rgba(120,80,70,.05)}
.seo-step-num{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#a9655b;background:#fbebe2;border-radius:50px;padding:4px 11px;margin-bottom:11px}
.seo-step h3{font-size:15px;margin-bottom:8px}
.seo-step p{font-size:12.5px;line-height:1.9;color:#6a5b56;margin:0}
.seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 20px}
.seo-card{padding:22px 21px;background:#fffefd;border:1px solid #ece2da;border-radius:18px}
.seo-card h3{font-size:14.5px;padding-bottom:10px;border-bottom:1px dashed #ebdfd7;margin-bottom:11px}
.seo-card ul{margin:0;padding-left:19px;font-size:12.5px;line-height:1.95;color:#6a5b56}
.seo-card li{margin-bottom:3px}
.seo-note{background:#f4f8f1;border:1px solid #dce9d7;border-radius:16px;padding:19px 22px;margin:18px 0}
.seo-note b{display:block;font-size:13px;color:#5d7a5f;margin-bottom:6px}
.seo-note p{margin:0;font-size:12.5px;line-height:1.9;color:#5f6f5c}
.seo-changes{display:grid;gap:14px;margin:22px 0 18px}
.seo-change{position:relative;padding:21px 24px 21px 62px;background:#fffefd;border:1px solid #ece2da;border-radius:18px}
.seo-change-num{position:absolute;left:20px;top:20px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#8f5148;background:#fbebe2;border:1px solid #f0d9cd}
.seo-change h3{font-size:15px;margin-bottom:8px}
.seo-change p{font-size:13px;line-height:1.9;margin-bottom:8px}
.seo-change p:last-child{margin-bottom:0}
.seo-warn{background:#fdf7e6;border-left:3px solid #e8c98b;padding:9px 13px;border-radius:0 8px 8px 0;font-size:12.5px!important;color:#86703f!important}
.seo-link-line{margin:16px 0 0!important;font-size:13px!important}
.seo-forms{display:grid;gap:16px;margin:22px 0 18px}
.seo-form-card{padding:24px 26px;background:#fffefd;border:1px solid #ece2da;border-radius:18px;border-left:4px solid #e7c3b8}
.seo-form-year{font-size:10.5px!important;font-weight:800;letter-spacing:.08em;color:#b07a6e!important;margin-bottom:6px!important}
.seo-form-purpose{font-size:13px!important;font-weight:800;color:#8f5f56!important;margin-bottom:11px!important}
.seo-form-card p{font-size:13px;line-height:1.9}
.seo-form-link{display:inline-block;font-size:12px!important;font-weight:800;margin-top:6px}
.seo-example{background:#fffdf7;border:1px dashed #e3c9b4;border-radius:14px;padding:16px 20px;margin:18px 0}
.seo-example b{display:block;font-size:12.5px;color:#8a6055;margin-bottom:7px}
.seo-example p{font-size:13.5px;margin:0 0 7px;color:#5b4c47}
.seo-example p:last-child{margin-bottom:0}
.seo-faq{display:grid;gap:9px;margin:20px 0 0}
.seo-faq-item{background:#fffefd;border:1px solid #ece2da;border-radius:14px;padding:0 20px}
.seo-faq-item summary{cursor:pointer;padding:16px 0;font-size:13.5px;font-weight:800;color:#4d413e;list-style:none;position:relative;padding-right:26px;line-height:1.7}
.seo-faq-item summary::-webkit-details-marker{display:none}
.seo-faq-item summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:800;color:#cb9a8e;transition:transform .18s ease}
.seo-faq-item[open] summary::after{content:"−"}
.seo-faq-item summary:hover{color:#a8625a}
.seo-faq-item p{margin:0;padding:13px 0 17px;font-size:12.8px;line-height:1.95;color:#655752;border-top:1px dashed #eee2da}
.seo-sources{background:#faf7f4;border:1px solid #eae0d9;border-radius:18px;padding:24px 26px;margin-top:20px}
.seo-sources-title{font-size:12px!important;font-weight:800;color:#83736c!important;letter-spacing:.06em;margin-bottom:10px!important}
.seo-sources ul{margin:0 0 14px;padding-left:19px;font-size:12.5px;line-height:2;color:#6a5b56}
.seo-verified{font-size:11.5px!important;color:#8d7f78!important;margin-bottom:5px!important}
.seo-final{margin:56px 0 0;padding:34px 36px;background:linear-gradient(135deg,#fdf0f3,#fff8f2);border:1px solid #f2dde2;border-radius:22px;text-align:center}
.seo-final h2{margin-bottom:12px}
.seo-final .seo-cta-row{justify-content:center}
.seo-final .seo-small{max-width:560px;margin:6px auto 0}
@media(max-width:1020px){.seo-guide{padding:0 2px}}
@media(max-width:750px){
  .seo-guide{margin:40px auto 0}
  .seo-intro{padding:26px 21px 24px;border-radius:19px}
  .seo-toc{padding:19px 20px}
  .seo-steps,.seo-cards{grid-template-columns:1fr;gap:12px}
  .seo-change{padding:19px 19px 19px 19px}
  .seo-change-num{position:static;margin-bottom:10px}
  .seo-form-card{padding:20px 19px}
  .seo-faq-item{padding:0 16px}
  .seo-sources{padding:19px 18px}
  .seo-final{padding:26px 20px;border-radius:18px}
  .seo-final .btn,.seo-cta-row .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.seo-faq-item summary::after{transition:none}}

/* ブランド主词と「特徴」ブロック ------------------------------------------ */
.seo-brand{color:#a85a50;font-weight:800;background:linear-gradient(transparent 62%,#f9ddd2 62%,#f9ddd2 92%,transparent 92%);padding:0 2px}
.seo-features{margin-top:44px}
.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}
.seo-feature{padding:22px 21px;background:#fffefd;border:1px solid #ece2da;border-radius:18px;box-shadow:0 8px 22px rgba(120,80,70,.05);transition:transform .15s ease,box-shadow .15s ease}
.seo-feature:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(120,80,70,.09)}
.seo-feature-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fceee5;font-size:16px;margin-bottom:11px}
.seo-feature h3{font-size:14.5px;margin-bottom:8px;color:#4a3d3a}
.seo-feature p{font-size:12.5px;line-height:1.9;color:#6a5b56;margin:0}
.seo-feature p strong{color:#a85a50}
@media(max-width:900px){.seo-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.seo-feature-grid{grid-template-columns:1fr;gap:12px}}

/* Pyodide エンジン起動中：画面上端の細いバーと1行の案内だけ ---------------
   読み込み中に画面を覆わない。本文はそのまま読めるし、操作もできる。 */
.engine-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:#f3e4dd;transition:opacity .3s ease}
.engine-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#eab096,#d4705c);border-radius:0 2px 2px 0;transition:width .3s ease}
.engine-bar.is-done{opacity:0}
.engine-bar-note{position:fixed;top:3px;left:50%;transform:translateX(-50%);z-index:200;margin:0;padding:5px 13px;max-width:min(92vw,380px);font-size:11.5px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8d817c;background:#fffefde6;backdrop-filter:blur(6px);border:1px solid #f0dcd2;border-top:0;border-radius:0 0 10px 10px;pointer-events:none;transition:opacity .3s ease}
.engine-bar-note.is-done{opacity:0}
@media(prefers-reduced-motion:reduce){.engine-bar,.engine-bar-fill,.engine-bar-note{transition:none}}