/* Scoped to rcc.html. Latest four user screenshots are the visual baseline. */
:root{--paper:#faf9f5;--title:#294e68;--body:#315a79;--data:#e4ebe5;--image:#e9ede8;--line:#cbd5d0}*{box-sizing:border-box}html{color:var(--body);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:24px;line-height:1.6}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--body);outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:24px;top:8px;background:white;z-index:10}h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong{color:var(--title)}.brand-page{max-width:1472px;width:calc(100% - 48px);margin:0 auto 26px;padding:18px 24px 24px;display:grid;grid-template-columns:453fr 939fr;gap:32px;background:var(--paper);border-radius:26px}.brand-summary{position:sticky;top:18px;align-self:start;max-height:calc(100svh - 36px);overflow:auto;scrollbar-width:thin}.back{display:inline-block;margin-bottom:22px}h1{font-size:56px;line-height:1.4;font-weight:700;letter-spacing:0;margin:0 0 22px}.subtitle{margin-bottom:20px}.period{margin-bottom:38px}.responsibilities{border-top:2px solid var(--line);padding-top:36px}.responsibilities h2{font-size:24px;font-weight:600;margin-bottom:20px}.responsibilities p{line-height:1.4;margin-bottom:24px}.summary-data{background:var(--data);border-radius:12px;padding:20px 24px}.summary-data strong,.result-bar strong{font-size:48px;font-weight:600;line-height:1.4}.summary-data p,.result-bar p{font-size:20px;line-height:1.5}.summary-data>div+div{border-top:2px solid var(--line);margin-top:40px;padding-top:36px}.summary-method{margin:24px 0;line-height:1.4}.contact{font-weight:600}.brand-content{min-width:0}.intro h2{font-size:48px;line-height:1.3;font-weight:700;margin:0 0 12px}.intro p{line-height:1.6}.intro{margin-bottom:48px}.brand-section{border-top:2px solid var(--line);padding-top:44px;margin-top:48px}.eyebrow{font-size:20px;color:#2f6092;line-height:1.5;letter-spacing:.02em}.brand-section>h2{font-size:40px;line-height:1.5;font-weight:600;margin:14px 0 12px}.brand-section>h3{font-size:24px;font-weight:600;line-height:1.5;margin:0 0 16px;color:var(--body)}.copy{font-size:24px;line-height:1.6;margin:16px 0}.copy b{font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.frog-evidence{margin-top:16px}.frog-evidence figure{min-width:0}.frog-evidence figcaption{font-size:20px;margin:20px 0 14px}.image-preview{border:0;padding:0;background:var(--image);cursor:zoom-in;display:block;width:100%;overflow:hidden;border-radius:12px}.image-preview img{display:block;width:100%;height:100%;object-fit:contain}.frog-brief,.missing-image{aspect-ratio:4/3;background:var(--image);border-radius:12px}.missing-image{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;font-size:20px}.missing-image strong{font-size:24px}.missing-image svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.result-bar{display:flex;justify-content:space-between;gap:24px;background:var(--data);padding:20px 24px;border-radius:12px}.matrix{background:var(--image);border-radius:12px;padding:24px;margin:16px 0}.matrix h3{font-size:24px;font-weight:500;margin-bottom:16px}.matrix table{border-collapse:collapse;width:100%;font-size:16px;text-align:left;line-height:1.6}.matrix th{font-weight:500}.matrix td,.matrix th{padding:17px 0}.matrix tr:not(:last-child){border-bottom:2px solid #dce2de}.matrix th:nth-child(1){width:28%}.matrix th:nth-child(2){width:47%}.note-card{background:#f1efe7;border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.note-card .image-preview{background:transparent;border-radius:0;aspect-ratio:308/668}.note-card img{object-fit:contain}.note-card figcaption{font-size:48px;font-weight:600;line-height:1.4;color:var(--title);padding-top:10px}.caption{font-size:20px;margin-top:16px}.research-card{background:var(--image);border-radius:12px;padding:24px;min-width:0;height:220px;overflow:auto}.research-card>.eyebrow{color:var(--body);margin-bottom:10px}.research-card h3{font-size:24px;font-weight:600;margin-bottom:8px}.reference-detail{display:grid;grid-template-columns:70px 1fr;gap:12px;font-size:14px;line-height:1.4}.reference-detail .image-preview{height:92px;background:transparent;border-radius:3px}.reference-detail p+p{margin-top:4px}.source-label{font-size:12px;line-height:1.4;margin-top:6px}.research-card ul{font-size:15px;line-height:1.7;padding-left:18px;margin:0}.direction-grid{margin-top:16px}.direction-grid>div{border-radius:12px;background:var(--data);padding:14px 16px}.direction-grid span{font-size:20px}.direction-grid h3{font-size:24px;font-weight:500;margin-top:4px;line-height:1.5}.output{font-weight:600;margin:14px 0 0}.review>h2{margin-bottom:14px}.method{background:var(--data);border-radius:12px;padding:24px;margin-top:16px}.method h3{font-size:24px;font-weight:500;color:var(--body)}.method ol{display:flex;align-items:center;justify-content:space-around;gap:12px;list-style:none;font-size:20px;font-weight:500;padding:20px 0 0;margin:0}.brand-content footer{font-weight:600;margin-top:30px}dialog{border:1px solid var(--line);border-radius:12px;max-width:94vw;max-height:94svh;padding:20px;background:var(--paper);color:var(--body)}dialog::backdrop{background:#142d4299}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:16px;font-size:16px}.dialog-top button{background:transparent;border:1px solid var(--line);padding:4px 12px;white-space:nowrap;cursor:pointer}#fullImage{display:block;max-width:85vw;max-height:78svh;width:auto;height:auto;object-fit:contain}
@media(max-width:1200px) and (min-width:901px){html{font-size:18px}.brand-page{gap:24px;grid-template-columns:30% 1fr}.brand-summary h1{font-size:38px}.brand-summary p{font-size:18px}.brand-summary .summary-data p{font-size:15px}.brand-summary strong{font-size:34px}.intro h2{font-size:34px}.brand-section>h2{font-size:30px}.brand-section>h3,.copy{font-size:18px}.result-bar strong{font-size:34px}.result-bar p{font-size:16px}.matrix h3{font-size:20px}.research-card{padding:16px;height:250px}.research-card h3,.direction-grid h3{font-size:20px}.eyebrow{font-size:16px}.note-card figcaption{font-size:34px}.method h3{font-size:20px}.method ol{font-size:16px;gap:6px}}
@media(max-width:900px){html{font-size:16px}.brand-page{display:block;width:calc(100% - 24px);padding:20px 16px;border-radius:18px}.brand-summary{position:static;max-height:none;overflow:visible;margin-bottom:44px}.back{margin-bottom:20px}h1{font-size:34px;margin-bottom:16px}.period{margin-bottom:24px}.responsibilities{padding-top:24px}.responsibilities h2{font-size:20px;margin-bottom:12px}.responsibilities p{margin-bottom:20px}.summary-data{padding:18px}.summary-data strong,.result-bar strong{font-size:32px}.summary-data p,.result-bar p{font-size:15px}.summary-data>div+div{margin-top:20px;padding-top:18px}.intro h2{font-size:27px}.intro{margin-bottom:30px}.brand-section{margin-top:30px;padding-top:28px}.eyebrow{font-size:14px}.brand-section>h2{font-size:27px;line-height:1.4;margin:12px 0}.brand-section>h3,.copy{font-size:17px}.two-col{gap:12px}.frog-evidence{grid-template-columns:1fr}.missing-image{font-size:15px}.missing-image strong{font-size:20px}.frog-evidence figcaption{font-size:15px;margin:10px 0}.result-bar{padding:16px;gap:12px}.result-bar strong{font-size:29px}.matrix{padding:16px}.matrix h3{font-size:17px}.matrix table{font-size:13px}.matrix td,.matrix th{padding:12px 0}.matrix th:nth-child(2){width:40%}.note-card{padding:8px}.note-card figcaption{font-size:24px}.caption{font-size:14px}.research-grid{grid-template-columns:1fr}.research-card{height:auto;min-height:220px;padding:18px;overflow:visible}.research-card h3{font-size:20px}.reference-detail{font-size:14px;grid-template-columns:80px 1fr}.reference-detail .image-preview{height:120px}.research-card ul{font-size:14px}.source-label{font-size:12px}.direction-grid>div{padding:12px}.direction-grid h3{font-size:16px}.direction-grid span{font-size:14px}.output{font-size:16px}.method{padding:16px}.method h3{font-size:16px}.method ol{font-size:13px;gap:4px;padding-top:16px}.brand-content footer{margin-top:26px}.dialog-top{font-size:14px}}
/* Second visual pass: screenshot text wrapping, fixed evidence frames and card rhythm. */
@media(min-width:1201px){html{font-size:26px}.copy{font-size:26px;line-height:1.45}.responsibilities h2{font-size:26px}.summary-data{padding:21px 24px}.result-bar{padding:22px 24px}.matrix td,.matrix th{padding:15px 0}.note-card{height:616px}.note-card .image-preview{flex:1;min-height:0;aspect-ratio:auto}.note-card figcaption{flex:none}.research-card{padding:20px;overflow:visible}.research-card>.eyebrow{font-size:20px;line-height:30px;margin-bottom:6px}.research-card h3{font-size:22px;line-height:33px;margin-bottom:6px}.reference-detail{font-size:13px;line-height:1.35}.reference-detail .image-preview{height:80px}.research-card ul{font-size:13px;line-height:1.5}.source-label{font-size:12px;margin-top:6px;line-height:1.4}.direction-grid span{display:block;line-height:30px}.direction-grid>div{padding:15px 16px}.method{padding:26px 24px}}

.image-preview.gentle img{transform:scale(1.025)}
/* Shared case-detail type roles. */
html{font-size:16px;line-height:1.6}
h1,.brand-content>header h2,.brand-content>section>h2{font-size:36px!important;line-height:1.2!important;font-weight:700}
h2,h3,.responsibilities h2,.research-card h3,.direction-grid strong{font-size:16px;line-height:1.6;font-weight:600}
p,.subtitle,.period,.back,.contact,.lead,.strategy,.execution,.research-card,.method{font-size:16px!important;line-height:1.6!important}
.eyebrow,figcaption,.source-label,.summary-data p,.result-bar p,.reference-detail,.research-card ul{font-size:13px!important;line-height:1.6!important}
.summary-data strong,.result-bar strong,.note-card figcaption{font-size:36px!important;line-height:1.2!important}

.brand-content p{max-width:70ch}.brand-content h2{text-wrap:balance;overflow-wrap:anywhere}.brand-section h2{margin-bottom:16px}.brand-section h3{margin-bottom:16px}.copy+.copy{margin-top:16px}.brand-summary{padding-bottom:24px}

.brand-page [hidden] { display: none !important; }
[data-editor-evidence] figure { margin: 0; }
[data-editor-evidence] figure > .image-preview,
[data-editor-evidence] figure > .missing-image {
  height: auto;
  aspect-ratio: var(--evidence-image-ratio, 4 / 3);
}
@media (min-width: 901px) {
  [data-editor-evidence].is-editor-synced { position: relative; display: block; aspect-ratio: var(--evidence-ratio, auto); }
  [data-editor-evidence].is-editor-synced figure { position: absolute; left: var(--evidence-x); top: var(--evidence-y); width: var(--evidence-width); }
  [data-editor-evidence].is-editor-synced figure > .image-preview { transform: rotate(var(--evidence-angle, 0deg)); }
}

.reference-detail:has(> .image-preview[hidden]) { grid-template-columns: minmax(0, 1fr); }
.reference-detail:has(> .image-preview:not([hidden])) {
  grid-template-columns: minmax(0, min(var(--reference-width, 70px), 38%)) minmax(0, 1fr);
}
.reference-detail > .image-preview {
  height: auto;
  aspect-ratio: var(--reference-ratio, 7 / 8);
}
.brand-page .notes figcaption { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }