#F03 .support-item>img{height:var(--support-benefit-photo)}
#F03 .support-item>div{margin-top:var(--zero);padding:var(--md);border-radius:var(--zero)}
#F03 .support-item h3{margin:calc(-1 * var(--md)) calc(-1 * var(--md)) var(--sm);padding:var(--sm) var(--md);font-family:var(--sans);font-size:var(--heading)}
#F03 .support-service{color:var(--ink);line-height:var(--support-leading)}
#F03 .support-service strong{display:block;color:var(--wine);font-size:var(--small);margin-bottom:var(--xs)}
#F03 .support-item .support-benefit{margin-top:var(--sm);padding:var(--sm);background:var(--support-benefit-bg);border-radius:var(--radius);color:var(--wine);font-weight:700;font-size:var(--body);line-height:var(--support-leading)}
#F03 .support-next{top:var(--support-arrow-top);display:grid;place-items:center;padding-bottom:var(--xs)}
@media(min-width:768px){#F03 .support-next{display:none}}

#F03 .support-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sm);margin:var(--zero) var(--md) var(--md)}
#F03 .support-overview a{display:flex;align-items:center;gap:var(--xs);min-height:var(--arrow-size);padding:var(--xs);border:var(--rule) solid var(--line);border-radius:var(--big-radius);background:var(--paper);color:var(--wine);text-decoration:none;box-shadow:var(--shadow);font:700 var(--small)/var(--mind-leading) var(--sans)}
#F03 .support-overview img{width:var(--lg);height:var(--lg);padding:var(--arrow-edge);background:var(--strength-gold);border-radius:var(--radius)}
#F03 .support-overview b{margin-left:auto;color:var(--gold);font-size:var(--heading)}
#F03 .support-overview a:focus-visible{outline:var(--ring) solid var(--wine);outline-offset:var(--xs)}
#F03 .support-stage{position:relative}
#F03 .support-item{scroll-margin-top:var(--consult-scroll-offset)}
#F03 .support-item:target h3{background:var(--plum);color:var(--light-gold)}

#F03 .support-item>img{height:var(--support-progress-photo)}
#F03 .support-item h3{font-size:var(--support-progress-title);line-height:var(--mind-leading);padding:var(--md)}
#F03 .support-service{font-size:var(--body)}
#F03 .support-service strong{font-size:var(--small);margin-bottom:var(--xs)}
#F03 .support-item .support-benefit{margin-top:var(--md);padding:var(--md) var(--sm);font-size:var(--heading);line-height:var(--support-leading);background:var(--rose)}
#F03 .support-benefit>span{display:block;font-size:var(--small);font-weight:normal;margin-bottom:var(--xs)}
#F03 .support-progress-note{font-size:var(--small);color:var(--muted);line-height:var(--support-leading);margin:var(--sm) var(--md) var(--lg)}
#F03 .support-next{top:var(--support-progress-arrow)}

#F03 .support-phrase{display:inline-block;white-space:nowrap;font-weight:inherit}

#F03 .support-open-hint{margin:var(--zero) var(--md) var(--md);font-size:var(--small);line-height:var(--support-leading);color:var(--muted)}
#F03 .support-overview button{display:flex;align-items:center;gap:var(--xs);min-height:var(--arrow-size);padding:var(--sm);border:var(--rule) solid var(--line);border-radius:var(--big-radius);background:var(--paper);color:var(--wine);box-shadow:var(--shadow);font:700 var(--small)/var(--mind-leading) var(--sans);text-align:left;cursor:pointer}
#F03 .support-overview button:focus-visible{outline:var(--ring) solid var(--wine);outline-offset:var(--xs)}
#F03 dialog.support-dialog{position:fixed;inset:var(--zero);width:calc(var(--dock-full) - var(--support-dialog-gutter));max-width:var(--support-dialog-width);max-height:var(--support-dialog-height);height:fit-content;margin:auto;padding:var(--zero);border:var(--rule) solid var(--line);border-radius:var(--big-radius);background:var(--paper);color:var(--ink);overflow:auto;box-shadow:var(--shadow)}
#F03 dialog.support-dialog:not([open]){display:none}
#F03 dialog.support-dialog[open]{display:block}
#F03 dialog.support-dialog::backdrop{background:var(--support-dialog-backdrop)}
#F03 .support-dialog>.support-dialog-bar{position:sticky;top:var(--zero);z-index:var(--changes-badge-layer);display:flex;align-items:center;justify-content:space-between;padding:var(--xs) var(--sm);margin:var(--zero);background:var(--paper);border-bottom:var(--rule) solid var(--line)}
#F03 .support-dialog-bar>span{font-size:var(--small);color:var(--wine)}
#F03 .support-dialog-close{min-height:var(--arrow-size);padding:var(--xs) var(--sm);border:none;background:var(--rose);border-radius:var(--radius);font:700 var(--small)/var(--support-leading) var(--sans);color:var(--wine);cursor:pointer}
#F03 .support-dialog>.support-dialog-reading{margin:var(--zero);padding:var(--md)}
#F03 .support-dialog-heading{display:grid;grid-template-columns:var(--support-dialog-head);align-items:center;gap:var(--sm);margin-bottom:var(--lg)}
#F03 .support-dialog-heading>img{width:var(--support-dialog-photo);height:var(--support-dialog-photo);object-fit:cover;border-radius:var(--big-radius)}
#F03 .support-dialog .support-dialog-heading h3{margin:var(--zero);padding:var(--zero);background:none;border:none;font:700 var(--support-dialog-title)/var(--mind-leading) var(--sans);color:var(--wine)}
#F03 .support-dialog h4{font-size:var(--body);margin:var(--zero) var(--zero) var(--sm);color:var(--wine)}
#F03 .support-dialog-reading>p{font-size:var(--body);line-height:var(--support-reading-line);margin:var(--zero) var(--zero) var(--sm)}
#F03 .support-dialog-goal{margin-top:var(--lg);padding:var(--md);background:var(--rose);border-radius:var(--big-radius)}
#F03 .support-dialog-goal p{font-size:var(--heading);line-height:var(--support-leading);margin:var(--zero);font-weight:bold;color:var(--wine)}
#F03 .support-dialog-reading>.support-dialog-note{font-size:var(--small);color:var(--muted);margin-top:var(--md)}
body.support-dialog-open{overflow:hidden}

#F03 .support-overview button{aspect-ratio:var(--square-ratio);min-width:var(--zero);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sm);padding:var(--sm) var(--xs);text-align:center;box-shadow:var(--square-shadow)}
#F03 .support-overview button>img{width:var(--square-icon);height:var(--square-icon);padding:var(--xs);box-sizing:content-box}
#F03 .support-overview button>span{font-size:var(--square-label);line-height:var(--mind-leading)}
#F03 .support-overview button>small{font-size:var(--outcome-badge);font-weight:normal;color:var(--muted)}
#F03 .support-overview button b{font-size:var(--small);margin-left:var(--xs)}

/* 支援内容を描く大きなイラスト */
#F03 dialog.support-dialog .support-dialog-heading{display:flex;flex-direction:column;align-items:stretch;gap:var(--sm)}
#F03 dialog.support-dialog .support-dialog-heading>img{display:block;width:var(--dock-full);height:auto;aspect-ratio:var(--support-illustration-ratio);object-fit:contain;border-radius:var(--radius)}