:root { --ink:#1c1c21; --muted:#686882; --line:rgba(0,0,0,.09); --soft:#f5f5f5; --good:#4ed433; --warning:#ffd737; --danger:#ff4141; }
.webpaper-report-check-page .report-page,.webpaper-report-standalone .report-page { box-sizing:border-box; width:min(1200px,calc(100% - 80px)); margin:0 auto; padding:36px 0 80px; color:var(--ink); font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; word-break:keep-all; }
.report-page * { box-sizing:border-box; }
.report-logo { display:inline-block; margin-bottom:34px; color:var(--ink); font-size:25px; line-height:1; font-weight:700; text-decoration:none; }
.report { margin:0; }
.report-header { margin-bottom:70px; }
.report-header h1 { margin:0 0 18px; color:var(--ink); font-size:45px; line-height:1.25; font-weight:700; }
.report-meta { display:flex; gap:60px; margin:0; font-size:15px; }
.report-meta div { display:flex; gap:18px; }
.report-meta dt { font-weight:700; }
.report-meta dd { margin:0; font-weight:500; }
.report-overview,.report-summary { display:grid; grid-template-columns:291px minmax(0,1fr); gap:20px; margin-bottom:50px; }
.report-label { display:flex; align-items:flex-start; gap:10px; }
.report h2 { margin:0; padding:10px; color:var(--ink); font-size:22px; line-height:1.35; font-weight:700; }
.report-content { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.report-content p,.report-summary p { margin:0; font-size:18px; line-height:1.5; font-weight:500; }
.detail-link { padding:4px 0; color:var(--muted); border:0; border-bottom:1px solid var(--muted); background:transparent; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.detail-panel { width:100%; display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .25s ease; }
.detail-panel__inner { min-height:0; overflow:hidden; }
.detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:60px; padding:20px; border-radius:10px; background:#f4f4f4; }
.detail-grid article { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.detail-grid p { margin:0; font-size:18px; line-height:1.5; font-weight:500; }
.detail-panel.is-open { grid-template-rows:1fr; opacity:1; }
.status { display:inline-flex; min-height:40px; padding:10px 27px; align-items:center; justify-content:center; border-radius:140px; color:var(--ink); font-size:16px; line-height:1; font-weight:700; white-space:nowrap; }
.status--good { background:var(--good); }
.status--warning { background:var(--warning); }
.status--danger { color:#fff; background:var(--danger); }
.result-section { margin-top:70px; }
.result-section > h2 { margin-bottom:20px; }
.result-table-wrap { width:100%; }
.result-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.result-table th,.result-table td { padding:30px 20px; text-align:left; vertical-align:middle; }
.result-table th { border-bottom:1px solid var(--ink); background:var(--soft); font-size:20px; }
.result-table td { border-bottom:1px solid var(--line); font-size:16px; line-height:1.45; font-weight:500; }
.result-table th:nth-child(1),.result-table td:nth-child(1) { width:133px; }
.result-table th:nth-child(2),.result-table td:nth-child(2) { width:258px; }
.result-table th:nth-child(3),.result-table td:nth-child(3) { width:183px; }
.result-table th:nth-child(4),.result-table td:nth-child(4) { width:86px; }
.result-table th:nth-child(5),.result-table td:nth-child(5) { width:auto; }
.result-table .status { min-height:34px; padding:9px 18px; font-size:13px; }
.score-total { margin-left:2px; opacity:.5; }
.next-step { display:grid; grid-template-columns:199px minmax(0,1fr); gap:20px; margin-top:70px; padding:20px; background:var(--soft); }
.next-step h2 { padding:10px; }
.next-step p { margin:0; align-self:center; font-size:18px; line-height:1.5; font-weight:500; }
.report-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:40px; }
.report-actions > div { display:flex; gap:10px; }
.report-actions form { margin:0; }
.action-link { padding:20px 30px; color:inherit; border:0; background:transparent; font:inherit; text-decoration:underline; cursor:pointer; }
.action-button { min-height:64px; padding:18px 30px; display:inline-flex; align-items:center; justify-content:center; color:var(--ink); border:2px solid var(--ink); border-radius:40px; background:#fff; font:inherit; font-size:20px; font-weight:700; line-height:1.2; text-decoration:none; cursor:pointer; }
.action-button:hover { color:var(--ink); }
.action-button--primary,.action-button--primary:hover { color:#fff; background:var(--ink); }
.action-button small { margin-left:10px; opacity:.4; font-size:16px; }
.report-notice { margin:40px 0 0; color:#a2a2a2; text-align:center; font-size:16px; }
.webpaper-report-standalone { margin:0; background:#fff; }

@media (max-width:1100px) {
    .webpaper-report-check-page .report-page,.webpaper-report-standalone .report-page { width:min(900px,calc(100% - 48px)); }
    .report-meta { flex-wrap:wrap; gap:14px 36px; }
    .report-overview,.report-summary { grid-template-columns:230px minmax(0,1fr); }
    .result-table-wrap { overflow-x:auto; }
    .result-table { min-width:1050px; }
    .report-actions { align-items:flex-start; }
    .report-actions > div { flex-wrap:wrap; justify-content:flex-end; }
}

@media (max-width:760px) {
    .webpaper-report-check-page .report-page,.webpaper-report-standalone .report-page { width:calc(100% - 40px); padding:26px 0 56px; }
    .report-logo { margin-bottom:36px; font-size:22px; }
    .report-header { margin-bottom:50px; }
    .report-header h1 { margin-bottom:24px; font-size:34px; }
    .report-meta { display:grid; gap:10px; font-size:14px; }
    .report-meta div { display:grid; grid-template-columns:82px minmax(0,1fr); gap:10px; }
    .report-meta dd { overflow-wrap:anywhere; }
    .report-overview,.report-summary { display:block; margin-bottom:44px; }
    .report-label { margin-bottom:18px; }
    .report h2 { padding:0; font-size:21px; }
    .report-content p,.report-summary p { font-size:16px; line-height:1.65; }
    .detail-grid { grid-template-columns:1fr; gap:28px; }
    .detail-grid p { font-size:16px; line-height:1.65; }
    .status { min-height:34px; padding:9px 18px; font-size:13px; }
    .result-section { margin-top:60px; }
    .result-section > h2 { margin-bottom:24px; }
    .result-table-wrap { overflow:visible; }
    .result-table { min-width:0; }
    .result-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
    .result-table,.result-table tbody,.result-table tr,.result-table td { display:block; width:100% !important; }
    .result-table tr { margin-bottom:18px; padding:18px; border:1px solid #e4e4e7; border-radius:16px; }
    .result-table td { display:grid; grid-template-columns:82px minmax(0,1fr); gap:12px; padding:9px 0; border:0; font-size:14px; }
    .result-table td::before { content:attr(data-label); color:var(--muted); font-weight:700; }
    .result-table .status { width:max-content; }
    .next-step { display:block; margin-top:50px; padding:22px; }
    .next-step h2 { margin-bottom:14px; padding:0; }
    .next-step p { font-size:16px; line-height:1.65; }
    .report-actions,.report-actions > div { display:flex; width:100%; flex-direction:column; }
    .report-actions { gap:10px; }
    .report-actions > div { gap:10px; }
    .report-actions form,.action-link,.action-button { width:100%; }
    .action-button { min-height:56px; padding:15px 20px; font-size:17px; }
    .action-button small { display:block; margin:7px 0 0; font-size:13px; }
    .report-notice { font-size:13px; line-height:1.6; }
}

@media (prefers-reduced-motion:reduce) { .detail-panel { transition:none; } }