/* Refine a selected topic, using the consultation panel's existing tokens and controls. */
.ask-refine{margin:0 0 20px;padding:15px 0 0;border-top:1px solid var(--line);color:var(--ink)}
.ask-refine[hidden],.ar-detail[hidden]{display:none!important}
.ar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.ar-heading .askp-k{margin:0}.ar-heading>span{white-space:nowrap;font:500 10px/1.5 var(--sans);color:var(--mut)}
.ar-options{display:grid;gap:6px}.ar-option{display:block;min-width:0}.ar-option span{display:flex!important;gap:8px;justify-content:flex-start;align-items:center;width:100%;min-height:44px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.65!important;box-sizing:border-box}.ar-option i{font:400 15px/1 var(--mono);font-style:normal;flex:none;opacity:.55}.ar-option input:checked+span i{font-size:0;opacity:1}.ar-option input:checked+span i::after{content:'✓';font-size:13px}.ar-count{font:500 10.5px/1.7 var(--sans);color:var(--mut);margin:8px 0 12px}.ar-detail{padding:12px 0 0;border-top:1px dashed var(--line);animation:ar-in var(--t-ui,240ms) var(--e-out,ease-out)}.ar-detail .ar-prompt{font-size:12px;line-height:1.7;font-weight:500}.ar-detail textarea{font-size:13px!important;margin-bottom:0!important}
@keyframes ar-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.ar-heading{flex-wrap:wrap;gap:2px}.ar-detail textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ar-detail{animation:none}}
.ar-prompts{margin:0 0 10px;padding-left:17px;font:500 11px/1.8 var(--sans);color:var(--mut)}.ar-prompts:empty{display:none}.ar-prompts li+li{margin-top:4px}
/* Bound both panes to their actual columns, including intrinsic SVG widths. */
#askp .askp-ex,#askp .askp-ex-in,#askp .askp-ex-list,#askp .askp-ex-g,#askp .exc,#askp .exc-b,#askp .exc-v{min-width:0;max-width:100%;box-sizing:border-box}
#askp .askp-ex-g{grid-template-columns:minmax(0,1fr)}#askp .exc{width:100%;overflow:hidden}#askp .exc-v svg,#askp .exc-v img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}#askp .exc-b{overflow-wrap:anywhere}#askp .exc-b b,#askp .exc-b small,#askp .exc-l{white-space:normal}
#askp .askp-form{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:16px!important}#askp .ar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain}#askp .askp-act{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}#askp .ar-contact[hidden],#askp .ar-phase-hidden,#askp .ar-back[hidden],#askp .ar-proceed[hidden],#askp .ar-topic-summary[hidden]{display:none!important}
#askp .ar-topic-summary{display:block;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;width:100%;padding:12px 0;color:var(--blue);font:600 13px/1.5 var(--sans);cursor:pointer;margin:4px 0 14px;min-height:44px}
@media(min-width:900px){#askp .askp-sheet{height:min(720px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important}#askp .askp-form{flex:0 0 450px!important;width:450px;max-width:100%;box-sizing:border-box}#askp .askp-ex{flex-basis:0!important}#askp .askp-ex-in{width:100%;height:100%;padding:24px;box-sizing:border-box}#askp .askp-ex-g:has(.exc:only-child) .exc-v{height:180px}#askp .askp-ex-g:has(.exc:only-child) .exc-b{padding:16px}#askp .askp-ex-g:has(.exc:only-child) .exc-b b{font-size:18px}#askp .askp-ex-g:has(.exc:only-child) .exc-l{font-size:13px}}
@media(max-width:899px){#askp .askp-sheet{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}#askp.drafting .askp-form,#askp.mobile-cases .askp-form{display:none!important}#askp .askp-form{padding-bottom:12px!important}.ar-option span{font-size:12px!important}#askp .askp-h{margin-top:4px}#askp .ar-topic-summary{margin-bottom:10px;padding:8px 0}#askp .ask-refine{margin-bottom:6px;padding-top:10px}}

/* Free writing first, support only when requested. */
#askp .ar-writing{margin:20px 0 12px}
#askp .ar-writing #askp-req{min-height:150px;height:170px;resize:vertical;font-size:14px;line-height:1.85;margin-bottom:0}
#askp .ar-help{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0 22px;padding:0}
#askp .ar-help summary{display:flex;align-items:center;gap:10px;min-height:52px;cursor:pointer;list-style:none;font:600 13px/1.6 var(--sans)}
#askp .ar-help summary::-webkit-details-marker{display:none}
#askp .ar-help summary::after{content:'＋';margin-left:auto;font-size:18px;font-weight:400}
#askp .ar-help[open] summary::after{content:'−'}
#askp .ar-help summary small{font:400 11px/1.5 var(--sans);color:var(--mut)}
#askp .ar-help summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#askp .ar-help-intro{font:400 12px/1.8 var(--sans);margin:0 0 16px;color:var(--ink2)}
#askp .ar-selection{font:400 11px/1.7 var(--sans);color:var(--ink2);margin:0 0 10px}
#askp .ar-selection[hidden]{display:none}
#askp:not(.ar-support-open):not(.drafting) .askp-ex{display:none!important}
#askp:not(.ar-support-open):not(.drafting) .rf-case-toggle{display:none!important}
#askp .ar-tail .askp-done:empty,#askp .ar-tail .askp-ff:empty{display:none}
@media(min-width:900px){#askp:not(.ar-support-open):not(.drafting) .askp-sheet{width:620px!important;max-width:calc(100vw - 48px)!important}#askp:not(.ar-support-open):not(.drafting) .askp-form{width:100%!important;flex:1 1 auto!important}}
@media(max-width:899px){#askp .ar-writing #askp-req{font-size:16px;min-height:130px;height:150px}#askp .ar-help summary{flex-wrap:wrap;gap:4px 10px}#askp .askp-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#askp .ar-categories{margin:16px 0 10px}
#askp .ar-categories .askp-f{margin-bottom:12px}
#askp .ar-categories .askp-cs{gap:5px}
#askp .ar-categories .askp-c span{padding:7px 10px;min-height:40px}
#askp .ar-writing{margin-top:12px}
#askp .ar-writing #askp-req{min-height:120px;height:130px}
#askp .ar-help[hidden]{display:none!important}
#askp .ar-categories .askp-c span{min-height:44px}
/* A writing desk: identity and content on the left, letter and references on the right. */
#askp .askp-sheet{border-radius:6px}
#askp .askp-x{position:absolute;right:16px;top:16px;margin:0;z-index:5}
#askp .rf-panel-tabs{display:none!important}
#askp .ar-identity{border-top:1px solid var(--ink2);border-bottom:1px solid var(--line);margin:18px 0 14px}
#askp .ar-identity>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:48px;cursor:pointer;font:600 13px/1.5 var(--sans)}
#askp .ar-identity>summary::-webkit-details-marker{display:none}
#askp .ar-identity>summary small{margin-left:auto;font:400 11px/1.5 var(--sans);color:var(--mut);max-width:65%;overflow-wrap:anywhere}
#askp .ar-identity>summary:after{content:'＋';font:400 17px var(--sans)}
#askp .ar-identity[open]>summary:after{content:'−'}
#askp .ar-identity-fields{padding:8px 0 4px}
#askp .ar-identity summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#askp .ar-categories{margin-top:14px}
#askp .ar-rail{min-width:0;display:flex;flex-direction:column;background:#eeeadf;overflow:hidden}
#askp .ar-live{display:flex;flex-direction:column;min-height:0;padding:26px 26px 18px;flex:1;overflow:hidden}
#askp .ar-live-head{display:flex;align-items:baseline;gap:12px;padding:0 28px 14px 0;border-bottom:1px solid var(--ink2)}
#askp .ar-live-head>span{font:400 10px var(--mono);letter-spacing:.12em;color:var(--blue)}
#askp .ar-live-head h3{font:600 21px/1.4 var(--serif);margin:0}
#askp .ar-live-head small{margin-left:auto;font:400 10px/1.5 var(--sans);color:var(--mut)}
#askp .ar-live-text{font:400 14px/2 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;flex:1;min-height:110px;margin:18px 0 10px;padding-right:6px;color:var(--ink)}
#askp .ar-live-note{font:400 11px/1.7 var(--sans);color:var(--mut);margin:0}
#askp .ar-help{border:0;margin:8px 0 18px}
#askp .ar-help>summary{border-bottom:1px solid var(--line);color:var(--blue);min-height:44px;font-size:12px}
#askp .ar-help>summary small{font-size:10px}
#askp .ar-help-intro{margin:12px 0 8px;font-size:11px}
#askp .ask-refine{border:0;padding-top:0}
#askp .ar-heading .askp-k{font-size:12px}
#askp .ar-options{gap:0}
#askp .ar-option span{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding:10px 0!important;color:var(--ink)!important}
#askp .ar-option input:checked+span{color:var(--blue)!important;border-bottom-color:var(--blue)!important}
#askp .ar-option input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
#askp .ar-live-glance{display:none}
#askp .askp-ex{display:none!important}
#askp.show-ex:not(.drafting) .askp-ex{display:block!important;opacity:1;flex:none;width:auto;max-width:100%;border:0;border-top:1px solid var(--line);background:transparent}
#askp .askp-ex-in{padding:0;min-width:0;height:100%}
#askp .askp-ex-list,#askp .askp-ex-doc{padding:16px 26px;min-height:0}
#askp .askp-ex-h{gap:5px;margin-bottom:10px}
#askp .askp-ex-t{font:500 11px/1.65 var(--sans)}
#askp .askp-ex-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:150px;overflow:auto}
#askp .exc{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;min-height:66px;transform:none;opacity:1;box-shadow:none}
#askp .exc .exc-v,#askp .askp-ex-g:has(.exc:only-child) .exc-v{height:50px;min-width:0;background:transparent}
#askp .exc .exc-b,#askp .askp-ex-g:has(.exc:only-child) .exc-b{padding:0;gap:4px}
#askp .exc .exc-b b,#askp .askp-ex-g:has(.exc:only-child) .exc-b b{font:600 12px/1.6 var(--sans)}
#askp .exc .exc-b small{font:400 9px/1.5 var(--sans)}
#askp .exc .exc-l{display:none}
#askp .askp-dnav{position:sticky;top:-16px;margin:-16px -26px 12px;padding:10px 26px;background:#eeeadf}
#askp .askp-draft>*{min-width:0}
@media(min-width:900px){
 #askp .askp-sheet,#askp:not(.ar-support-open):not(.drafting) .askp-sheet{width:min(1160px,calc(100vw - 48px))!important;right:24px;left:auto;height:calc(100dvh - 48px)!important;max-height:780px!important}
 #askp .askp-form,#askp:not(.ar-support-open):not(.drafting) .askp-form{flex:0 0 46%!important;width:46%!important;padding:24px!important}
 #askp .ar-rail{flex:1;border-left:1px solid var(--line)}
 #askp.show-ex .ar-rail>.askp-ex{height:238px}
 #askp .ar-rail:has(.askp-ex-doc:not([hidden]))>.askp-ex{height:55%}
 #askp.drafting .ar-rail{display:none}
 #askp.drafting .askp-draft{padding:24px!important}
}
@media(max-width:899px){
 #askp .askp-sheet{bottom:12px;right:12px;max-width:calc(100vw - 24px);width:620px!important;overflow:hidden!important}
 #askp .askp-form,#askp.mobile-cases .askp-form{display:flex!important;flex:1;overflow:hidden!important;padding:20px 16px 12px!important;min-height:0}
 #askp.drafting .askp-form{display:none!important}
 #askp .ar-rail{display:none}
 #askp .ar-live{padding:14px 12px;background:#eeeadf;border-top:1px solid var(--ink2);margin:14px 0;min-height:170px;max-height:240px}
 #askp .ar-live-head{padding-right:0;gap:8px}#askp .ar-live-head h3{font-size:18px}
 #askp .ar-live-text{font-size:13px;min-height:90px}
 #askp .ar-live-glance{display:block;min-width:0;padding:0 0 10px}
 #askp .ar-live-glance>span{font:500 10px/1.4 var(--sans);color:var(--blue)}
 #askp .ar-live-glance p{font:400 12px/1.6 var(--serif);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
 #askp .askp-act{display:block;margin-top:6px;padding-top:8px}
 #askp .askp-go{width:100%}
 #askp .askp-2{grid-template-columns:1fr}
 #askp.show-ex:not(.drafting) .askp-ex{height:auto;margin:10px 0 16px}
 #askp .askp-ex-list,#askp .askp-ex-doc{padding:12px 0}
 #askp .askp-ex-g{grid-template-columns:minmax(0,1fr);max-height:200px}
 #askp .askp-ex-doc{max-height:320px;overflow:auto}
 #askp .askp-dnav{top:-12px;margin:-12px 0 10px;padding:10px 0}
 #askp .askp-draft{min-height:0;overflow:auto}
}
#askp .ar-live-head{padding-right:54px}
@media(min-width:900px){#askp.show-ex .ar-rail>.askp-ex{flex:0 0 238px!important}#askp .ar-rail:has(.askp-ex-doc:not([hidden]))>.askp-ex{flex-basis:55%!important}}
@media(max-width:899px){#askp .ar-live-head{padding-right:0}}
@media(max-width:899px){
 #askp .askp-sheet{left:12px!important;right:12px!important;padding-top:44px!important}
 #askp .askp-form{padding-top:8px!important}
 #askp .askp-dr-h .askp-dr-x{display:block;min-height:44px}
 #askp .askp-ex-g{grid-template-columns:repeat(2,minmax(0,1fr));max-height:118px}
 #askp .exc{grid-template-columns:36px minmax(0,1fr);gap:7px}
 #askp .exc .exc-v{height:36px}
 #askp .exc .exc-b b{font-size:11px}
 #askp .exc .exc-b small{display:none}
 #askp .askp-ex-h{margin-bottom:5px}
}
#askp .askp-act2 .askp-send{width:100%;min-height:48px;padding:12px 18px;white-space:normal;line-height:1.5}
@media(min-width:900px) and (max-height:780px){
 #askp .ar-identity{margin:10px 0 8px}
 #askp .ar-identity>summary{min-height:44px}
 #askp .ar-categories{margin:10px 0 6px}
 #askp .ar-categories .askp-f{margin-bottom:8px}
 #askp .ar-writing #askp-req{min-height:110px;height:110px}
 #askp .ar-help{margin:0 0 10px}
}
#askp .ar-support-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0 0 8px;padding:4px 0;border:0;background:none;color:var(--blue);cursor:pointer;text-align:left}
#askp .ar-support-shortcut[hidden]{display:none}
#askp .ar-support-shortcut small{font:400 11px/1.6 var(--sans);color:var(--ink2)}
#askp .ar-support-shortcut span{font:600 12px/1.6 var(--sans)}
#askp .ar-support-shortcut:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#askp .ar-support-shortcut:hover span{text-decoration:underline;text-underline-offset:4px}
#askp .ar-support-hint{font:500 12px/1.7 var(--sans);color:var(--blue);margin:8px 0}
#askp .ar-support-hint[hidden]{display:none}
@media(max-width:899px){#askp .ar-live-glance{padding-bottom:3px}#askp .ar-support-shortcut{gap:8px;margin-bottom:4px}#askp .ar-support-shortcut small{font-size:10px}#askp .ar-support-shortcut span{font-size:11px}}

/* Clear and undo remain reachable outside the scrolling fields. */
#askp .askp-act .askp-clr-w{margin:4px 0 0;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
#askp .askp-act .askp-clr,#askp .askp-act .askp-undo button{display:inline-flex;align-items:center;min-height:44px}
#askp .askp-act .askp-clr[hidden],#askp .askp-act .askp-undo[hidden]{display:none}

/* PC の相談パネルを一回り大きく（なつさん 2026-10-23「もっと大きくしていい」） */
@media(min-width:900px){
 #askp .askp-sheet,#askp:not(.ar-support-open):not(.drafting) .askp-sheet,.askp.wide .askp-sheet{width:min(1320px,calc(100vw - 64px))!important;height:min(900px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important}
 #askp .askp-form{flex:0 0 540px!important;width:540px}
 #askp:not(.ar-support-open):not(.drafting) .askp-sheet{width:min(1180px,calc(100vw - 64px))!important}
 #askp:not(.ar-support-open):not(.drafting) .askp-form{flex:0 0 540px!important;width:540px!important}
 #askp .ar-writing #askp-req{min-height:190px;height:230px;font-size:15px}
}
/* 広い画面（13インチの Retina を「スペースを拡大」で使うときなど、幅 1700px 以上）では、箱だけでなく文字ごと一回り拡大する（なつさん 2026-10-23「まだ小さいかも」） */
@media(min-width:1700px){
 #askp .askp-sheet,#askp:not(.ar-support-open):not(.drafting) .askp-sheet,.askp.wide .askp-sheet{zoom:1.2;width:min(1320px,calc((100vw - 80px)/1.2))!important;height:min(900px,calc((100dvh - 48px)/1.2))!important;max-height:calc((100dvh - 48px)/1.2)!important}
}