.r80-hero { background:var(--paper-2); padding:18px 0 30px; }
.r80-quick { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.r80-quick a { display:inline-flex; gap:6px; align-items:center; border:1px solid var(--line-strong); padding:8px 12px; border-radius:6px; background:var(--card); color:var(--sea); font-weight:700; text-decoration:none; min-height:44px; }
.r80-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; }
.r80-intro h1 { font-size:clamp(30px,3.4vw,46px); line-height:1.25; margin:0 0 14px; color:var(--ink); }
.r80-work-photo { margin:0 0 14px; }
.r80-work-photo img { width:100%; height:200px; object-fit:cover; display:block; border-radius:6px; }
.r80-work-photo figcaption { font-size:12px; color:var(--muted); margin-top:3px; }
.r80-intro #r75-assistant { margin:0 0 12px; padding:0; }
.r80-intro #r75-assistant > .wrap { width:100%; max-width:none; padding:0; }
.r80-intro .r75-guide { margin:0; }
.r80-intro .r75-guide-content { padding:12px; }
.r80-intro .r75-guide-question { margin:0 0 8px; font-size:14px; }
.r80-intro .r75-guide-options button { display:flex; gap:6px; align-items:center; justify-content:center; padding:8px; min-height:44px; }
.r80-consult { display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; min-height:48px; background:var(--sea); color:var(--card); border-radius:6px; font-weight:700; text-decoration:none; }
.r80-label { padding:20px; background:var(--card); border:1px solid var(--line-strong); border-radius:10px; scroll-margin-top:100px; }
.r80-label h2 { font-size:22px; line-height:1.4; margin:0 0 14px; color:var(--ink); }
.r80-label-preview { display:grid; grid-template-columns:1fr 160px; gap:14px; align-items:center; padding:16px 0; border-block:1px solid var(--line); }
.r80-label-paper { border:1px solid var(--line-strong); background:var(--paper); color:var(--ink); padding:24px 12px; min-height:150px; display:flex; flex-direction:column; justify-content:center; text-align:center; overflow-wrap:anywhere; }
.r80-label-paper span { font-size:22px; font-weight:700; line-height:1.4; }
.r80-label-paper strong { font-size:28px; margin:8px 0; }
.r80-label-paper small { font-size:11px; }
.r80-label-paper[data-color="blue"] { background:var(--sea); color:var(--card); border-color:var(--sea); }
.r80-label-preview figure { margin:0; }
.r80-label-preview img { width:160px; max-width:100%; height:180px; object-fit:contain; display:block; }
.r80-label-preview figcaption { font-size:11px; text-align:center; color:var(--muted); }
.r80-controls { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:6px 12px; }
.r80-controls > label { font-size:13px; font-weight:700; }
.r80-controls > label:first-child { grid-column:1; }
.r80-controls input:not([type="radio"]),.r80-controls select { width:100%; min-width:0; min-height:44px; border:1px solid var(--line-strong); border-radius:5px; background:var(--card); color:var(--ink); padding:8px; font:inherit; }
.r80-controls > input { grid-row:2; grid-column:1; }
.r80-controls > label[for="r80-item"] { grid-row:1; grid-column:2; }
.r80-controls > select { grid-row:2; grid-column:2; }
.r80-controls fieldset { grid-column:1 / -1; border:0; padding:8px 0 0; margin:0; display:flex; gap:20px; }
.r80-controls legend { font-size:13px; font-weight:700; }
.r80-controls fieldset label { display:inline-flex; align-items:center; min-height:44px; gap:5px; }
.r80-label-status { font-size:14px; font-weight:700; margin:8px 0; overflow-wrap:anywhere; }
.r80-limit { font-size:12px; line-height:1.6; color:var(--muted); margin:8px 0; }
.r80-reset { background:var(--card); border:1px solid var(--line-strong); border-radius:5px; color:var(--ink); padding:8px 12px; min-height:44px; font:inherit; }
.r80-label-next { display:block; color:var(--sea); font-weight:700; margin-top:12px; padding:8px 0; min-height:44px; }
.r80-terms-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:22px; }
.r80-terms-grid > section { background:var(--card); border:1px solid var(--line); padding:22px; border-radius:8px; }
.r80-terms-grid h3 { font-size:22px; margin:0 0 16px; }
.r80-term-rows { margin:0; }
.r80-term-rows > div { display:grid; grid-template-columns:90px 1fr; gap:12px; border-top:1px solid var(--line); padding:12px 0; }
.r80-term-rows dt { display:flex; align-items:center; gap:6px; font-weight:700; }
.r80-term-rows dd { margin:0; }
.r80-term-rows small { display:block; color:var(--muted); font-size:11px; margin-top:5px; }
.r80-pending-rows { list-style:none; margin:0; padding:0; }
.r80-pending-rows li { display:grid; grid-template-columns:22px 1fr; gap:8px; border-top:1px solid var(--line); padding:12px 0; }
.r80-pending-rows b,.r80-pending-rows span { display:block; }
.r80-pending-tag { grid-column:2; color:var(--muted); font-size:12px; }
.r80-footer-links { display:grid; gap:12px; }
.r80-footer-links a { display:flex; gap:8px; align-items:center; min-height:44px; }
@media(max-width:1250px) and (min-width:901px) { .r77-nav a { font-size:11px; padding-inline:3px; } .r77-brand { min-width:105px; } .r77-brand strong { font-size:18px; } }
@media(max-width:900px) { .r80-hero-grid,.r80-terms-grid { grid-template-columns:1fr; gap:24px; } .r80-intro { display:flex; flex-direction:column; } .r80-intro h1 { order:0; } .r80-work-photo { order:1; } .r80-consult { order:2; margin-bottom:14px; } .r80-intro #r75-assistant { order:3; } .r80-work-photo img { height:180px; } .r80-label { scroll-margin-top:90px; } }
@media(max-width:420px) { .r80-hero { padding-top:12px; } .r80-quick { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:16px; } .r80-quick a { justify-content:center; padding:6px; font-size:13px; } .r80-label { padding:14px; } .r80-label-preview { grid-template-columns:1fr 110px; gap:10px; } .r80-label-preview img { width:110px; height:150px; } .r80-label-paper { padding:16px 8px; } .r80-label-paper span { font-size:18px; } .r80-label-paper strong { font-size:23px; } .r80-controls { grid-template-columns:1fr; } .r80-controls > label[for="r80-item"] { grid-row:3; grid-column:1; } .r80-controls > select { grid-row:4; grid-column:1; } .r80-terms-grid > section { padding:16px; } .r80-term-rows > div { grid-template-columns:1fr; gap:5px; } }
@media(prefers-reduced-motion:reduce) { .r80-hero *, .r80-terms-grid * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }