/* Accepted Apple visual language: content leads, controls stay quiet. */
.content-detail{color:#1d1d1f;font-family:var(--font,-apple-system,BlinkMacSystemFont,'PingFang SC','Shikong Sans SC','Helvetica Neue',sans-serif);font-synthesis:none}
.content-detail-hero,.content-hero{max-width:1120px;margin:28px auto 64px;text-align:center}
.content-detail-hero h1,.content-hero h1{max-width:24ch;margin:0 auto 18px;font-size:clamp(30px,3vw,36px);font-weight:600;line-height:1.3;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.content-title-silver{color:#3c424a;background:linear-gradient(140deg,#20242a 12%,#626c78 48%,#333a43 78%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.content-detail-hero>p,.content-hero>p{max-width:52ch;margin:0 auto 20px;font-size:17px;line-height:1.8;color:#515156;text-wrap:pretty}
.content-detail-hero .product-byline,.content-hero .product-byline{justify-content:center;font-size:13px;gap:14px;margin:20px auto;color:#646469}
.content-detail-hero .social-author-actions,.content-hero .social-author-actions{justify-content:center}
.content-detail-cover{margin:38px auto 0;max-width:1120px;border-radius:16px;overflow:hidden;background:#f5f5f7}
.content-detail-cover img{display:block;width:100%;max-height:680px;height:auto;object-fit:contain;margin:auto}
.content-detail-cover figcaption{padding:13px 16px;background:#fff;color:#646469;font-size:12px;line-height:1.7}
.content-reader{width:100%;margin:0 auto 72px;container-type:inline-size;container-name:content-display;color:#1d1d1f;font-family:var(--font,-apple-system,BlinkMacSystemFont,'PingFang SC','Shikong Sans SC','Helvetica Neue',sans-serif);font-synthesis:none}
.content-reader-layout{max-width:1124px;margin-inline:auto}
.content-reader-body{max-width:760px;min-width:0;margin-inline:auto;font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.has-content-toc .content-reader-layout{display:grid;grid-template-columns:150px minmax(0,760px) 150px;column-gap:32px;align-items:start}
.has-content-toc .content-reader-body{grid-column:2;width:100%}
.content-reader-body>:first-child{margin-top:0}
.content-reader-heading{margin:54px 0 18px;font-size:24px;line-height:1.45;font-weight:600;letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:110px}
.content-reader-heading:focus{outline:none}
.content-reader-heading:focus-visible{outline:2px solid #0071e3;outline-offset:7px;border-radius:2px}
.content-reader-paragraph{margin:0 0 24px;white-space:pre-wrap;color:#343439;line-height:1.9;font-size:inherit}
.content-reader-image{margin:36px 0 40px}
.content-image-open{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;background:transparent;cursor:zoom-in;overflow:hidden}
.content-image-open img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;margin-inline:auto}
.content-image-zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;background:rgb(255 255 255 / 94%);color:#343439;border-radius:50%;opacity:0;transition:opacity .18s}
.content-image-zoom svg{width:16px;height:16px}
.content-image-open:hover .content-image-zoom,.content-image-open:focus-visible .content-image-zoom{opacity:1}
.content-reader-image figcaption{margin:12px auto 0;max-width:70ch;text-align:center;font-size:13px;line-height:1.75;color:#646469;white-space:pre-wrap}
.content-image-unavailable{padding:38px 22px;background:#f5f5f7;color:#646469;font-size:14px;line-height:1.8;text-align:center;border-radius:12px}
.content-reader-steps{margin:42px 0}
.content-reader-steps>.content-reader-heading{margin-top:0}
.content-reader-steps ol{padding-left:1.6em;margin:0;color:#343439}
.content-reader-steps li{padding-left:.3em;white-space:pre-wrap;line-height:1.9}
.content-reader-steps li+li{margin-top:16px}
.content-reader-steps li::marker{color:#646469;font-weight:500;font-variant-numeric:tabular-nums}
.content-reader-file{display:flex;align-items:center;gap:16px;padding:22px 0;margin:28px 0;border-top:1px solid #dedee3;border-bottom:1px solid #dedee3;min-width:0}
.content-file-symbol{color:#71717a;flex:none;display:grid;place-items:center}
.content-file-symbol svg{width:26px;height:26px;stroke-width:1.4}
.content-file-copy{flex:1;min-width:0}
.content-file-copy strong{display:block;font-size:15px;line-height:1.7;font-weight:550}
.content-file-copy p{margin:4px 0;font-size:13px;line-height:1.8;color:#646469;white-space:pre-wrap}
.content-file-copy small{display:block;font-size:12px;color:#646469;font-variant-numeric:tabular-nums;line-height:1.7}
.content-file-download{display:flex;align-items:center;gap:7px;flex:none;min-height:40px;font-size:13px;color:#0066cc;text-decoration:none;text-underline-offset:4px}
.content-file-download:hover{text-decoration:underline}
.content-file-download svg{width:17px;height:17px}
.content-file-status{max-width:15em;font-size:12px;color:#646469;line-height:1.7}
.content-reader-toc{position:sticky;top:96px;grid-column:1;min-width:0;color:#646469;font-size:12px;line-height:1.7;max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin;scrollbar-color:#c5c5ca transparent;padding:0 2px 12px}
.content-reader-toc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;color:#343439;font-size:12px;font-weight:500;padding:4px 0 14px}
.content-reader-toc summary::-webkit-details-marker{display:none}
.content-reader-toc summary>span{display:grid;place-items:center;flex:none}
.content-reader-toc summary svg{width:13px;height:13px;transition:transform .18s}
.content-reader-toc details[open] summary svg{transform:rotate(180deg)}
.content-reader-toc nav{display:grid;gap:1px}
.content-reader-toc a{display:block;color:#646469;padding:7px 0;text-decoration:none;overflow-wrap:anywhere;text-underline-offset:4px}
.content-reader-toc a:hover{color:#0066cc;text-decoration:underline}
.content-reader [hidden],.content-image-dialog [hidden]{display:none!important}
.content-reader :is(a,button,summary):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
.content-reader ::selection{background:#dcecff;color:#1d1d1f}
.content-image-viewing{overflow:hidden}
.content-image-dialog{position:fixed;inset:24px;margin:auto;width:min(1280px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0 24px 24px;border:0;border-radius:16px;background:#fff;color:#1d1d1f;box-shadow:0 24px 90px rgb(0 0 0 / 24%);overflow:auto;font-family:var(--font,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif)}
.content-image-dialog::backdrop{background:rgb(20 22 26 / 68%)}
.content-image-dialog-toolbar{display:flex;justify-content:flex-end;position:sticky;top:0;padding:16px 0;background:#fff;z-index:1}
.content-image-close{font:inherit;font-size:13px;line-height:1.5;min-height:36px;padding:6px 14px;border:0;border-radius:18px;background:#eeeef0;color:#1d1d1f;cursor:pointer;transition:background .18s}
.content-image-close:hover{background:#e1e1e6}
.content-image-close:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
.content-image-dialog>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:auto}
.content-image-dialog-caption,.content-image-dialog-error{text-align:center;color:#646469;font-size:13px;line-height:1.8;white-space:pre-wrap;margin:16px auto 0;max-width:70ch;overflow-wrap:anywhere}
.v3-domain-button .category-art-icon{display:block;width:34px;height:34px;flex:none;transition:transform .24s cubic-bezier(.16,1,.3,1),filter .24s;filter:drop-shadow(0 2px 2px rgb(35 44 54 / 9%))}
.v3-domain-button:hover .category-art-icon{transform:translateY(-2px);filter:drop-shadow(0 4px 3px rgb(35 44 54 / 15%))}
.v3-domain-button[aria-pressed=true] .category-art-icon{filter:drop-shadow(0 2px 2px rgb(35 44 54 / 13%))}
@container content-display (max-width:1000px){.has-content-toc .content-reader-layout{display:block}.content-reader-toc{position:static;max-height:none;max-width:760px;margin:0 auto 32px;padding:0;border-bottom:1px solid #dedee3}.content-reader-toc summary{font-size:13px;padding:12px 0}.content-reader-toc nav{padding-bottom:16px}.content-reader-toc a{font-size:13px}}
@media(max-width:1100px){.has-content-toc .content-reader-layout{display:block}.content-reader-toc{position:static;max-height:none;max-width:760px;margin:0 auto 32px;padding:0;border-bottom:1px solid #dedee3}.content-reader-toc summary{font-size:13px;padding:12px 0}.content-reader-toc nav{padding-bottom:16px}}
@media(max-width:700px){.content-detail-hero,.content-hero{margin:18px auto 42px}.content-detail-hero h1,.content-hero h1{font-size:30px;max-width:17ch;margin-bottom:15px}.content-detail-hero>p,.content-hero>p{font-size:15px;line-height:1.8}.content-detail-cover{margin-top:28px;border-radius:12px}.content-reader{margin-bottom:48px}.content-reader-body{font-size:16px;line-height:1.85}.content-reader-heading{font-size:22px;margin-top:42px;scroll-margin-top:94px}.content-reader-paragraph{margin-bottom:22px}.content-reader-image{margin:28px 0 30px}.content-reader-image figcaption{font-size:12px}.content-image-zoom{opacity:1;width:28px;height:28px;right:10px;bottom:10px}.content-reader-file{gap:12px;flex-wrap:wrap;padding:18px 0}.content-file-copy{flex-basis:calc(100% - 42px)}.content-file-download,.content-file-status{margin-left:38px}.content-file-download{min-height:36px}.content-image-dialog{inset:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0 12px 18px;border-radius:12px}.content-image-dialog-toolbar{padding:12px 0}.v3-domain-button .category-art-icon{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.content-image-zoom,.content-image-close,.content-reader-toc summary svg,.v3-domain-button .category-art-icon{transition:none}.v3-domain-button:hover .category-art-icon{transform:none}}
@media(forced-colors:active){.content-title-silver{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.content-image-close{border:1px solid ButtonText}.content-reader-toc{border-color:CanvasText}}
/* P03 groups use the same reading scale and placement as the editor; legacy content stays unchanged. */
.content-reader-group{display:grid;gap:24px;margin:36px 0 42px;min-width:0;font-size:16px;line-height:1.85}
.content-reader-group:first-child{margin-top:0}
.content-group-media,.content-group-copy{min-width:0}
.content-group-media{display:grid;gap:18px;align-items:start}
.content-group-copy{display:flex;flex-direction:column;gap:14px}
.content-reader-group .content-reader-image,.content-group-copy>*{margin:0}
.content-reader-group .content-image-open{border-radius:2px}
.content-reader-group .content-reader-paragraph{font-size:inherit;line-height:inherit;max-width:70ch}
.content-reader-group .content-reader-heading{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.content-reader-group figcaption{max-width:70ch;margin:12px 0 0;text-align:left;font-size:inherit;line-height:inherit;color:#343439}
.content-group-caption{color:#343439}
.content-group-text{display:flex;flex-direction:column;gap:14px}
.content-group-text>*{margin:0}
.content-group-text-top .content-group-copy{grid-row:1}
.content-group-image-left,.content-group-image-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.content-group-image-right .content-group-media{grid-column:2;grid-row:1}
.content-group-image-right .content-group-copy{grid-column:1;grid-row:1}
.content-group-image-left:has(>.content-group-media:only-child),.content-group-image-right:has(>.content-group-media:only-child){grid-template-columns:minmax(0,1fr)}
.content-group-image-right:has(>.content-group-media:only-child) .content-group-media{grid-column:1}
.content-group-gallery .content-group-media{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.content-group-gallery .content-image-open img{height:auto;object-fit:contain}
@container content-display (max-width:600px){.content-group-image-left,.content-group-image-right{grid-template-columns:minmax(0,1fr)}.content-group-image-right .content-group-media,.content-group-image-right .content-group-copy{grid-column:auto;grid-row:auto}}
@media(max-width:700px){.content-reader-group{gap:16px;font-size:15px;line-height:1.8;margin-block:28px 32px}.content-reader-group .content-reader-heading{font-size:21px}.content-group-image-left,.content-group-image-right{grid-template-columns:minmax(0,1fr)}.content-group-image-right .content-group-media,.content-group-image-right .content-group-copy{grid-column:auto;grid-row:auto}.content-group-gallery .content-group-media{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}}