/* METATOUR site shell, 2026-09-30 redesign.
   Direction: a checked document. White page, blue-black ink, one proofing-pencil blue for links and
   check marks, a highlighter tint reserved for the "확인 범위" note. Pretendard only; hierarchy comes
   from size and weight. Article meta (byline, dates, sources, contents) sits in a margin column on wide
   screens, like notes beside a proof. Light scheme only: in-body figures carry fixed light colours. */
@font-face{font-family:Pretendard;src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
  color-scheme:light;
  --c-paper:#ffffff;
  --c-ink:#1b2430;
  --c-ink-2:#4d5866;
  --c-rule:#dde2e8;
  --c-rule-strong:#b9c2cc;
  --c-tint:#f2f5f9;
  --c-link:#2150a8;
  --c-link-hover:#163a80;
  --c-mark:#fff3b8;
  --c-mark-rule:#d9b93a;
  /* Type scale (mobile / >=600px). No other font sizes are used by the site shell. */
  --fs-meta:13px;      /* dates, breadcrumb, article meta */
  --fs-ui:14px;        /* captions, sources, secondary text, tagline, footer, contents */
  --fs-note:15px;      /* tables, scope note, figure captions, nav, buttons */
  --fs-body:16px;      /* body text, pages */
  --fs-dek:17px;
  --fs-h3:18px;
  --fs-h2:20px;
  --fs-h1:27px;
  --fs-code:14px;
  --fs-card:18px;      /* home card title */
  --fs-card-dek:15px;
  --fs-related:16px;   /* related card title */
  --fw-regular:400;--fw-medium:600;--fw-bold:700;--fw-heavy:800;
  --gutter:16px;
  --measure:720px;
  --page:1000px;
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  font-synthesis:none;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
@media (min-width:600px){:root{--gutter:28px;--fs-body:17px;--fs-dek:19px;--fs-h3:19px;--fs-h2:22px;--fs-code:15px;--fs-card:20px;--fs-card-dek:16px;--fs-related:17px;--fs-h1:38px}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--c-paper)}
body{margin:0;background:var(--c-paper);color:var(--c-ink);font-size:var(--fs-body);line-height:1.8;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--c-link);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--c-link-hover);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--c-link);outline-offset:3px;border-radius:2px}
::selection{background:#cfe0ff;color:var(--c-ink)}
.skip-link{position:absolute;left:var(--gutter);top:-80px;z-index:10;padding:10px 16px;background:var(--c-ink);color:#fff;font-weight:var(--fw-bold);text-decoration:none}
.skip-link:focus{top:12px;color:#fff}
.sr-only{font-size:var(--fs-body);position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}

/* Header: the wordmark and one line saying what the site does. */
.site-header{border-bottom:1px solid var(--c-rule)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:12px}
.brand{display:inline-flex;flex:none;color:var(--c-ink);text-decoration:none}
.brand:hover{color:var(--c-ink)}
.brand-name{font-size:var(--fs-h2);line-height:1.2;font-weight:var(--fw-heavy);letter-spacing:-.02em}
.site-tagline{margin:0;min-width:0;max-width:62%;text-align:right;text-wrap:balance;font-size:var(--fs-note);line-height:1.45;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.01em}



@media (min-width:600px){.site-tagline{max-width:none;font-size:var(--fs-dek)}}


/* Footer */
.site-footer{margin-top:88px;border-top:1px solid var(--c-rule);background:var(--c-tint);color:var(--c-ink-2);font-size:var(--fs-ui);line-height:1.7}
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding-block:18px 22px}
.footer-copy{margin:0;white-space:nowrap}
.site-footer .wrap{flex-wrap:wrap}
.footer-nav li a{white-space:nowrap}
.footer-nav ul{flex-wrap:nowrap}
@media (max-width:374px){.footer-nav li a{padding:0 6px}}
.footer-nav{display:flex;align-items:center;gap:4px}
.footer-nav ul{display:flex;flex-wrap:wrap;gap:0 4px;margin:0;padding:0;list-style:none}
.footer-nav li a{display:inline-flex;align-items:center;min-height:40px;padding:0 8px;color:var(--c-ink);font-weight:var(--fw-medium);text-decoration:none}
.footer-nav li a:hover{text-decoration:underline}
.to-top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:6px;border:1px solid var(--c-rule);border-radius:50%;background:#fff;color:var(--c-ink);text-decoration:none}
.to-top:hover{border-color:var(--c-ink)}
.to-top:focus-visible{outline:2px solid var(--c-link,#2150a8);outline-offset:2px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Home: one list, ten posts per page (#page-N with :target, no JavaScript needed) */
.post-section{padding-top:36px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 4px}
.section-head h2{margin:0;font-size:var(--fs-h2);line-height:1.4;font-weight:var(--fw-bold);letter-spacing:-.015em}
.section-head p{margin:0;font-size:var(--fs-meta);color:var(--c-ink-2)}
.listing-page{display:none;scroll-margin-top:64px}
.listing-page:first-child{display:block}
.listing-pages:has(> .listing-page:target) > .listing-page:not(:target){display:none}
.listing-pages > .listing-page:target{display:block}
.listing-page:focus{outline:none}
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--c-rule);font-size:var(--fs-ui);line-height:1;font-variant-numeric:tabular-nums}
.pagination a,.pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:4px;color:var(--c-ink);text-decoration:none;font-weight:var(--fw-medium)}
.pagination a:hover{background:var(--c-tint);color:var(--c-ink)}
.pagination a[aria-current]{background:var(--c-ink);color:#fff;font-weight:var(--fw-bold)}
.pagination>span[aria-disabled]{color:var(--c-ink-2);font-weight:var(--fw-regular)}
@media (max-width:374px){.pagination{gap:2px}.pagination a,.pagination>span{min-width:38px;padding:0 6px}}
.post-list{margin:0;padding:0;list-style:none}
.post-item{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:14px;align-items:start;padding:20px 0;border-top:1px solid var(--c-rule)}
.post-list .post-item:first-child{border-top-color:var(--c-ink)}
.post-item h3{margin:0;font-size:var(--fs-card);line-height:1.5;font-weight:var(--fw-bold);letter-spacing:-.012em}
.post-item h3 a{color:var(--c-ink);text-decoration:none}
.post-item h3 a:hover{color:var(--c-link);text-decoration:underline;text-decoration-thickness:1px}
.post-item h3 a::after{content:'';position:absolute;inset:0}
.post-item{position:relative}
.post-dek{margin:6px 0 0;font-size:var(--fs-card-dek);line-height:1.7;color:var(--c-ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-dates{display:flex;flex-wrap:wrap;gap:0 8px;margin:8px 0 0;font-size:var(--fs-meta);line-height:1.6;color:var(--c-ink-2);font-variant-numeric:tabular-nums}
.post-dates span+span::before{content:'·';margin-right:8px;color:var(--c-rule-strong)}
.post-thumb{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;background:var(--c-tint)}
@media (min-width:600px){.post-item{grid-template-columns:minmax(0,1fr) 208px;gap:28px;padding:24px 0}.post-dek{-webkit-line-clamp:2}.post-thumb{aspect-ratio:16/10}}


/* Breadcrumb */
.breadcrumb{margin:0 0 18px;font-size:var(--fs-meta);line-height:1.6;color:var(--c-ink-2)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;padding:0;list-style:none}
.breadcrumb li{display:flex;gap:8px;min-width:0}
.breadcrumb li+li::before{content:'›';color:var(--c-rule-strong)}
.breadcrumb a{color:var(--c-ink-2)}
.breadcrumb [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}

/* Article: header, margin column, body */
.article-page{padding-top:24px}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:var(--measure);margin-inline:auto}
.article-head{order:1}
.article-rail{display:contents}
.article-meta{order:2}
.article-hero{order:3}
.toc{order:4}
.article-body{order:5;min-width:0}
.article-after{order:6;min-width:0}
.article-head h1{margin:0;font-size:var(--fs-h1);line-height:1.32;font-weight:var(--fw-heavy);letter-spacing:-.03em;text-wrap:pretty}
.article-dek{margin:16px 0 0;font-size:var(--fs-dek);line-height:1.7;color:var(--c-ink-2);text-wrap:pretty}
.article-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:22px 0 24px;padding:12px 0;border-block:1px solid var(--c-rule);font-size:var(--fs-meta);line-height:1.6;color:var(--c-ink-2);font-variant-numeric:tabular-nums}
.article-meta p{margin:0}
.byline a{color:var(--c-ink);font-weight:var(--fw-bold);text-decoration:none}
.byline a:hover{text-decoration:underline}
.dates{display:flex;flex-wrap:wrap;gap:0 10px}
.dates span+span::before{content:'·';margin-right:10px;color:var(--c-rule-strong)}
.source-count a{color:var(--c-link);font-weight:var(--fw-medium)}
.article-hero{margin:0 0 28px}
.article-hero img{display:block;width:100%;height:auto;border-radius:6px;background:var(--c-tint)}
.toc{margin:0 0 36px;padding:16px 18px;border-left:3px solid var(--c-ink);background:var(--c-tint);font-size:var(--fs-ui);line-height:1.6}
.toc h2{margin:0 0 6px;font-size:var(--fs-note);font-weight:var(--fw-bold);line-height:1.5}
.toc ol{margin:0;padding:0 0 0 1.3em}
.toc li{margin:0;padding:5px 0}
.toc a{color:var(--c-ink);text-decoration:none}
.toc a:hover{color:var(--c-link);text-decoration:underline}
@media (min-width:1060px){
  .article-grid{grid-template-columns:208px minmax(0,var(--measure));column-gap:72px;max-width:none;justify-content:center;align-items:start}
  .article-head,.article-hero,.article-body,.article-after{grid-column:2}
  .article-rail{display:block;grid-column:1;grid-row:1 / span 5;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding-top:34px}
  .article-meta{display:grid;gap:10px;margin:0 0 28px;padding:0 0 20px;border-top:0;border-bottom:1px solid var(--c-rule)}
  .dates{display:grid;gap:2px}
  .dates span+span::before{content:none}
  .toc{margin:0;padding:0;border:0;background:none}
  .toc ol{padding:0;list-style:none}
  .toc li{padding:6px 0 6px 12px;border-left:1px solid var(--c-rule)}
  .toc a{color:var(--c-ink-2)}
  .article-head{padding-bottom:28px}
}

/* Prose. Legacy figure variables are scoped here so old in-body figures keep their colours. */
.prose{--accent:#234c3d;--figure-rule:#9fa998;--highlight:#ead9b9;--ink:#111;--paper:#faf9f5;--rule:#cdd2c7;--soft:#edf0e8;font-size:var(--fs-body);line-height:1.8;color:var(--c-ink)}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.25em}
.prose h2:not(figure *){margin:2.4em 0 .7em;font-size:var(--fs-h2);line-height:1.45;font-weight:var(--fw-bold);letter-spacing:-.02em;text-wrap:pretty;scroll-margin-top:20px}
.prose h3:not(figure *){margin:1.9em 0 .6em;font-size:var(--fs-h3);line-height:1.5;font-weight:var(--fw-bold);scroll-margin-top:20px}
.prose :is(h4,h5,h6):not(figure *){margin:1.6em 0 .5em;font-size:var(--fs-body);line-height:1.6;font-weight:var(--fw-bold)}
/* Headings inside figures take their size from the figure's own CSS; the article scale never leaks in. */
:where(.prose figure) :where(h2,h3,h4,h5,h6){margin:0 0 .5em;font-size:1em;line-height:1.5;font-weight:var(--fw-bold)}
.prose [id]{scroll-margin-top:20px}
.prose strong,.prose b{font-weight:700}
.prose :is(ul,ol){margin:0 0 1.25em;padding-left:1.4em}
.prose li{margin:.35em 0;padding-left:.15em}
.prose li>:is(ul,ol){margin:.35em 0 0}
.prose li>p{margin:0 0 .5em}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--c-rule-strong);color:var(--c-ink)}
.prose hr{margin:2.5em 0;border:0;border-top:1px solid var(--c-rule)}
.prose :is(p,li,dd,td,th) code{font-family:ui-monospace,SFMono-Regular,Consolas,'D2Coding',monospace;font-size:var(--fs-code);background:#eceff3;padding:2px 5px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.prose pre{margin:1.6em 0;padding:16px 18px;overflow:auto;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,'D2Coding',monospace;font-size:var(--fs-code);line-height:1.75;white-space:pre;tab-size:2;color:#f1f3f5;background:#232a33;border-radius:6px}
.prose pre code{background:none;padding:0;font-size:inherit;color:inherit}
.prose img{max-width:100%;height:auto}
.prose figure{margin:2.2em 0;padding:22px;border:1px solid var(--figure-rule)}
.prose figure>img{display:block;margin-inline:auto}
.prose figcaption{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);font-size:var(--fs-note);line-height:1.75;color:#25382e}
.prose figcaption p{margin:10px 0 0}
.prose figcaption span{display:block}
/* Table metrics match the 2026-09 article sheets so existing table figures keep their layout. */
.prose table{width:100%;min-width:460px;border-collapse:collapse;font-size:var(--fs-note);line-height:1.8;text-align:left}
.prose :is(th,td){padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.prose thead th{background:var(--soft);font-weight:var(--fw-bold);border-bottom:1px solid var(--ink)}
.prose tbody th{width:23%;font-weight:var(--fw-medium)}
.prose .code-block pre{margin:0}
.prose .tbl-scroll,.prose .table-scroll{overflow-x:auto;max-width:100%;margin:1.6em 0;overscroll-behavior-inline:contain}
.prose figure .table-scroll{margin:0}
.prose details{margin:1.6em 0}
.prose summary{cursor:pointer;font-weight:var(--fw-bold)}
.prose small{font-size:var(--fs-ui);line-height:1.7;color:var(--c-ink-2)}
.prose :is(p,li,small,td,th){overflow-wrap:break-word}
.prose svg{height:auto}
@media (max-width:599px){.prose figure{padding:16px;margin:1.8em 0}}

/* The one highlighted element: what was and was not checked. */
.prose aside.scope-note{position:relative;margin:2.6em 0 1.6em;padding:18px 20px 16px;background:var(--c-mark);border-left:4px solid var(--c-mark-rule);border-radius:0 6px 6px 0;font-size:var(--fs-note);line-height:1.8}
.prose aside.scope-note::before{content:'확인 범위';display:block;margin-bottom:6px;font-size:var(--fs-note);font-weight:var(--fw-bold);color:var(--c-ink)}
.prose aside.scope-note p{margin:0 0 .6em}
.prose aside.scope-note p:last-child{margin-bottom:0}

/* Disclosure notes carried by new drafts */
.prose .post-note{margin:2em 0 0;padding-top:14px;border-top:1px solid var(--c-rule);font-size:var(--fs-ui);line-height:1.75;color:var(--c-ink-2)}
.prose .post-note p{margin:0 0 .5em}

/* Sources ledger */
.prose details.sources{margin:1.6em 0 0;border-top:2px solid var(--c-ink);border-bottom:1px solid var(--c-rule);font-size:var(--fs-ui);line-height:1.7}
.prose details.sources>summary{display:flex;align-items:center;min-height:52px;padding:10px 0;font-size:var(--fs-note);font-weight:var(--fw-bold);list-style:none}
.prose details.sources>summary::-webkit-details-marker{display:none}
.prose details.sources>summary::after{content:'';flex:none;width:9px;height:9px;margin:0 6px 0 auto;border-right:2px solid var(--c-ink-2);border-bottom:2px solid var(--c-ink-2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.prose details.sources[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.prose details.sources :is(ul,ol){margin:0 0 16px;padding-left:1.5em}
.prose details.sources li{margin:0;padding:7px 0;border-top:1px solid var(--c-rule);font-size:var(--fs-ui)}
.prose details.sources li:first-child{border-top:0}
.prose details.sources li,.prose details.sources a{overflow-wrap:anywhere}
.source-total{margin-left:8px;font-weight:var(--fw-regular);color:var(--c-ink-2);font-variant-numeric:tabular-nums}

/* Related articles and next steps */
.related{margin-top:56px;padding-top:4px}
.related h2{margin:0 0 4px;font-size:var(--fs-h3);line-height:1.45;font-weight:var(--fw-bold)}
.related .post-item{padding:16px 0;grid-template-columns:minmax(0,1fr) 88px;gap:14px}
.related .post-item h3{font-size:var(--fs-related)}
.related .post-list .post-item:first-child{border-top-color:var(--c-ink)}
@media (min-width:600px){.related .post-item{grid-template-columns:minmax(0,1fr) 150px}.related .post-thumb{aspect-ratio:16/10}}
/* Back to the list page and scroll position the article was opened from */
.list-return{margin:32px 0 0;padding-top:24px;border-top:1px solid var(--c-rule)}
.list-return-button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border:1px solid var(--c-ink);border-radius:6px;background:var(--c-paper);color:var(--c-ink);font-size:var(--fs-note);font-weight:var(--fw-bold);line-height:1.4;text-decoration:none}
.list-return-button:hover{background:var(--c-tint);color:var(--c-ink);text-decoration:none}
.list-return-button svg{flex:none}

/* Pages: about, privacy, 404 */
.page{max-width:var(--measure);margin-inline:auto;padding-top:28px}
.page h1{margin:0 0 20px;font-size:var(--fs-h1);line-height:1.3;font-weight:var(--fw-heavy);letter-spacing:-.03em}
.page .page-lede{font-size:var(--fs-dek);line-height:1.75;color:var(--c-ink)}
.page-date{margin-top:36px;font-size:var(--fs-meta);color:var(--c-ink-2)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.article-rail,.related,.skip-link{display:none!important}.article-grid{display:block}}
/* Generated once from the 2026-09 live article stylesheets (JournalArticle/JournalPilot/ArticleWide).
   Only rules targeting component classes that appear inside the 32 retained article bodies are kept,
   so existing in-body figures keep rendering after the old stylesheets are removed. Do not hand-edit
   selectors; append overrides in site-2026.css instead. */
.prose .flow{position:relative; isolation:isolate; gap:28px}
.flow::before{content:''; position:absolute; z-index:-1; left:16.66%; right:16.66%; top:40px; height:34px; border:1px solid #a4bd98; background:#cfdfbe; box-shadow:0 4px 0 #e6e9dc}
.flow::after{content:''; position:absolute; z-index:-1; left:16.66%; right:16.66%; top:57px; border-top:1px dashed #82987a}
.prose .flow li{border:0; padding:130px 0 0; text-align:center}
.flow li > span{position:static; display:inline; margin:0 7px 0 0; padding:0; background:none; font:700 14px/24px Pretendard,sans-serif; color:var(--accent); font-variant-numeric:tabular-nums}
.flow li:not(:last-child)::after{content:none}
.flow b,.flow li:last-child b{display:inline; color:var(--ink); font-weight:700}
.flow p{max-width:19ch; margin:8px auto 0; text-align:left}
@media (max-width:620px){.prose .flow{display:block}.flow::before,.flow::after{content:none}.prose .flow li{min-height:112px; padding:0 0 32px 108px; text-align:left}.prose .flow li:last-child{padding-bottom:0}.flow li > span{margin-right:6px; line-height:29px}.flow li:not(:last-child)::before{content:''; position:absolute; z-index:-1; top:46px; bottom:-46px; left:35px; width:26px; background:#cfdfbe; border-inline:1px solid #a4bd98}.flow li:not(:last-child)::after{content:''; position:absolute; z-index:-1; top:46px; bottom:-46px; left:48px; right:auto; width:0; height:auto; border-left:1px dashed #82987a; background:none}.flow p{max-width:none; margin:6px 0 0}}
@media (forced-colors:active){.flow::before,.flow::after,.flow li:not(:last-child)::before,.flow li:not(:last-child)::after{border-color:CanvasText}}
.prose .privacy-guide{padding:0;overflow:hidden;border:1px solid #9eaa9b;background:#fffdf8;color:#182a24}
.privacy-guide .pg-heading{padding:26px 28px 24px;border-top:4px solid #244d40;border-bottom:1px solid #c4ccbf;background:#edf0e6}
.privacy-guide .pg-eyebrow{font-size:16px;font-weight:600;color:#244d40}
.privacy-guide .pg-heading h3{font-size:24px;line-height:1.5;margin:8px 0}
.privacy-guide .pg-heading p{font-size:18px;line-height:1.7;margin:0}
.privacy-guide .pg-platforms{display:grid;grid-template-columns:1fr 1fr}
.privacy-guide .pg-platform{min-width:0;padding:24px}
.privacy-guide .pg-platform+.pg-platform{border-left:1px solid #c4ccbf}
.privacy-guide h4{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:21px;margin:0 0 18px;line-height:1.5}
.privacy-guide h4 span{font-size:16px;font-weight:400}
.privacy-guide .pg-visual{position:relative;height:156px;overflow:hidden;background:#e7eddf;border-radius:3px;margin:0 0 22px}
.privacy-guide .pg-visual-iphone{background:#f4ead8}
.privacy-guide .pg-device{position:absolute;top:24px;left:16px;right:16px;height:145px;border:3px solid #293c33;border-radius:25px 25px 0 0;background:#fffdf8;box-shadow:0 5px 12px #182a2414}
.privacy-guide .pg-status{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:16px;font-weight:700;position:relative}
.privacy-guide .pg-lens{position:absolute;left:50%;top:14px;width:10px;height:10px;margin-left:-5px;background:#293c33;border-radius:50%}
.privacy-guide .pg-indicator{display:flex;align-items:center;gap:7px;background:#216640;color:#fff;border-radius:15px;padding:4px 8px}
.privacy-guide .pg-indicator svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.privacy-guide .pg-indicator b{width:6px;height:6px;border-radius:50%;background:#fff}
.privacy-guide .pg-island{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:64px;height:25px;background:#18221e;border-radius:20px}
.privacy-guide .pg-island b{position:absolute;width:8px;height:8px;right:12px;top:8px;border-radius:50%;background:#fcae37}
.privacy-guide .pg-battery{width:19px;height:10px;border:1.5px solid #293c33;border-radius:3px;box-shadow:inset 12px 0 #293c33}
.privacy-guide .pg-screen-lines{padding:13px 17px}
.privacy-guide .pg-screen-lines i{display:block;width:52%;height:7px;border-radius:4px;background:#dfe5d7;margin-bottom:10px}
.privacy-guide .pg-screen-lines i+i{width:34%}
.privacy-guide .pg-pointer{position:absolute;right:15px;bottom:16px;display:flex;align-items:center;gap:8px;background:#fffdf8;padding:5px 8px;font-size:16px;font-weight:600}
.privacy-guide .pg-pointer i{font-style:normal;font-size:24px;line-height:1}
.privacy-guide .pg-visual-iphone .pg-pointer{right:50%;transform:translateX(50%);white-space:nowrap}
.privacy-guide .pg-meaning{display:flex;gap:12px;align-items:flex-start;margin:12px 0}
.privacy-guide .pg-color{flex:0 0 14px;height:14px;border-radius:50%;margin-top:7px;box-shadow:0 0 0 4px #e9eee4}
.privacy-guide .pg-color-green{background:#216640}
.privacy-guide .pg-color-orange{background:#b96608;box-shadow:0 0 0 4px #f8ead5}
.privacy-guide .pg-meaning p{font-size:16px;line-height:1.75;margin:0}
.privacy-guide .pg-meaning strong{display:block;font-size:18px}
.privacy-guide .pg-steps{list-style:none;counter-reset:pg-step;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #c4ccbf}
.privacy-guide .pg-steps li{position:relative;counter-increment:pg-step;margin:0;padding:0 0 22px 37px;font-size:16px;line-height:1.8}
.privacy-guide .pg-steps li:last-child{padding-bottom:0}
.privacy-guide .pg-steps li::before{content:counter(pg-step);position:absolute;left:0;top:2px;width:25px;height:25px;line-height:25px;text-align:center;border-radius:50%;background:#244d40;color:white;font-weight:600;font-size:16px}
.privacy-guide .pg-steps li:not(:last-child)::after{content:'';position:absolute;left:12px;top:32px;bottom:6px;border-left:1px solid #b9c5b1}
.privacy-guide .pg-steps b{display:block;font-size:18px;margin-bottom:4px}
.privacy-guide .pg-steps span{display:block}
.privacy-guide .pg-takeaway{display:flex;gap:14px;padding:20px 24px;background:#f3e5c5;border-block:1px solid #d6c7a7}
.privacy-guide .pg-takeaway>span{font-size:22px;font-weight:700;line-height:30px}
.privacy-guide .pg-takeaway p{font-size:16px;line-height:1.8;margin:0}
.privacy-guide .pg-takeaway strong{display:block;font-size:18px;margin-bottom:4px}
.prose .privacy-guide figcaption{margin:0;padding:20px 24px;border:0;color:#25382e;font-size:16px;line-height:1.8;background:#fffdf8}
.privacy-guide .pg-source-links{margin-top:10px}
@media(max-width:620px){.privacy-guide .pg-platforms{grid-template-columns:1fr}.privacy-guide .pg-platform+.pg-platform{border-left:0;border-top:1px solid #c4ccbf}.privacy-guide .pg-heading{padding:20px}.privacy-guide .pg-heading h3{font-size:22px}.privacy-guide .pg-platform{padding:20px}.privacy-guide .pg-takeaway,.prose .privacy-guide figcaption{padding:18px 20px}}
.prose .pull-quote{font-size:20px;line-height:1.8;font-weight:600;margin:40px 0;padding:24px 0;border-block:3px double var(--ink)}
.callout{margin:28px 0;padding:4px 0 4px 20px;border-left:2px solid var(--accent)}
.callout-title{font-weight:700}
.callout-title>span{display:none}
.callout p+p{margin-top:12px}
.prose .callout ul{margin:12px 0 0}
.code-block{margin:28px 0 0;background:#25272b;border-radius:6px;overflow:hidden}
.figure-id{font-size:14px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.data-table{min-width:620px}
.data-table tbody th{width:auto}
.compact-table{min-width:0;table-layout:fixed}
.compact-table th{width:38%}
.track{height:26px;background:repeating-linear-gradient(90deg,#e7e9e0 0,#e7e9e0 calc(25% - 1px),#c5cbbd calc(25% - 1px),#c5cbbd 25%)}
.track i{display:block;height:100%;background:#111}
.axis{display:flex;justify-content:space-between;margin:8px 66px 0 80px;font-size:14px;line-height:1.8}
.prose .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.prose .flow li{position:relative;padding:16px 0;margin:0;border-top:1px solid var(--ink)}
.flow li>span{display:block;font:14px/1.8 ui-monospace,monospace;margin-bottom:12px}
.flow b{display:block;font-size:18px;font-weight:600}
.flow p{font-size:16px;line-height:28px;margin-top:6px}
.flow li:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:18px}
.flow li:last-child{border-color:var(--accent)}
.flow li:last-child b{color:var(--accent)}
.prose .table-figure,.prose .diagram{border:1px solid #aeb6a6;padding:22px}
.figure-heading{margin-bottom:22px}
.figure-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:14px;line-height:1.8;margin-bottom:10px}
.figure-kind{font-size:14px;color:#111}
.prose .figure-title{font-size:18px;line-height:1.6;font-weight:600;margin:0}
.table-figure{container-type:inline-size;container-name:table-frame}
.prose .scroll-hint{display:none;font-size:16px;line-height:28px;margin:0 0 12px;color:#111}
.scroll-hint span{margin-left:6px}
@container table-frame (width < 460px){.scroll-hint[data-table="standard"]{display:block}}
@container table-frame (width < 620px){.scroll-hint[data-table="wide"]{display:block}}
@supports not (container-type:inline-size){.prose .scroll-hint{display:block}}
@media(max-width:620px){.prose .table-figure,.prose .diagram{padding:16px}.prose .flow{display:flex;flex-direction:column;gap:24px}.prose .flow li{padding:14px 0 14px 36px}.flow li>span{position:absolute;left:0;top:14px}.flow li:not(:last-child)::after{content:'↓';left:0;right:auto;top:auto;bottom:-22px}.axis{margin-left:64px;margin-right:54px}}
@media print{.table-scroll{overflow:visible}}
.prose .pull-quote{max-width:660px; margin:48px 0; padding:4px 0; border:0; font-size:22px; line-height:1.75; font-weight:700; text-wrap:balance}
.pull-quote mark{color:inherit; background:none; box-shadow:inset 0 -.4em 0 var(--highlight); box-decoration-break:clone; -webkit-box-decoration-break:clone}
.prose .table-figure,.prose .diagram{margin:36px 0; padding:24px; border:1px solid var(--figure-rule)}
.figure-heading{margin-bottom:24px}
.figure-meta{gap:6px 14px; margin-bottom:8px}
.figure-id{font-weight:700}
.prose .figure-title{font-weight:700}
.flow-scene{position:absolute; top:0; left:50%; transform:translateX(-50%); width:144px; height:112px; fill:none; stroke:var(--accent); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.flow-scene{filter:drop-shadow(3px 4px 0 #d9ddce)}
.flow-scene > rect:first-of-type{fill:#234c3d}
.flow-scene > path:first-of-type{stroke:#a9bf9e}
.flow-scene > path:nth-of-type(2){stroke:#ead9b9}
.flow-scene:not(.flow-scene-relay) > rect:nth-of-type(2){fill:#faf9f5}
.flow-scene:not(.flow-scene-relay) > path[fill="#ead9b9"]{fill:#d6a148}
.flow-scene-relay > rect:nth-of-type(2){fill:#dfa943}
.flow-scene-relay > path{stroke:#234c3d}
.flow-scene-relay > path[stroke="#faf9f5"]{stroke:#fff}
.flow-scene-relay > path:nth-of-type(2){stroke:#faf9f5}
.route-signal{position:absolute; top:47px; right:-24px; width:20px; height:20px; color:var(--accent); z-index:2}
.route-signal::before{content:''; display:block; width:7px; height:7px; margin:5px; border-top:2px solid; border-right:2px solid; transform:rotate(45deg)}
.route-signal::after{content:''; position:absolute; width:4px; height:4px; background:#ad792a; left:-10px; top:8px; box-shadow:-10px 0 0 #65875c}
.connection-band{display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; margin-top:22px; padding:14px 16px; background:var(--soft); font-size:16px; line-height:28px; font-weight:600}
.connection-band svg{width:20px; height:20px; margin-top:4px; fill:none; stroke:var(--accent); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.compact-table th{width:auto}
.compact-table thead th:first-child,.compact-table tbody th{width:32%}
.compact-table thead th{padding:12px; background:#dfe7d5; border-bottom:1px solid var(--figure-rule)}
.compact-table tbody th,.compact-table td{padding:16px 12px}
.compact-table tbody th{font-weight:700}
.compact-table tbody tr:last-child > *{border-bottom:0}
.address-example{padding:0 0 24px}
.address-example p{margin-bottom:10px; font-size:16px; line-height:28px; font-weight:600}
.address-window{border:1px solid var(--figure-rule); background:#fffefa}
.address-chrome{display:flex; align-items:center; gap:12px; height:34px; padding:0 14px; background:var(--soft); border-bottom:1px solid var(--rule)}
.address-chrome svg{width:64px; height:18px; flex:none; fill:none; stroke:var(--accent); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round}
.address-chrome span{height:4px; width:56px; background:#c3cfbd}
.address-window > code{display:block; padding:18px 16px 22px; font:18px/2 ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--ink); overflow-wrap:normal; word-break:normal}
.address-example .address-segment{white-space:nowrap}
.address-example strong{background:#edf0e8; color:inherit; padding:3px 0; border-bottom:2px solid var(--accent); font-weight:700}
.address-example strong{background:#dfe7d5}
.domain-extract{position:relative; width:max-content; max-width:100%; margin-left:16px; padding-top:22px}
.domain-extract::before{content:''; position:absolute; top:0; left:20px; width:18px; height:15px; border-left:1px solid var(--accent); border-bottom:1px solid var(--accent)}
.domain-extract::after{content:attr(data-domain); display:block; padding:8px 14px; background:var(--accent); color:#fff; font:700 24px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; box-shadow:3px 3px 0 #d4dfc9}
.prose .decision-list li{margin-bottom:20px; padding-left:8px}
.decision-list li::marker{color:var(--accent); font-weight:700; font-variant-numeric:tabular-nums}
.decision-list strong{display:block; margin-bottom:6px}
@media (max-width:620px){.prose .pull-quote{margin:40px 0}.prose .table-figure,.prose .diagram{margin:32px 0; padding:18px}.figure-heading{margin-bottom:22px}.figure-meta{column-gap:12px}.flow-scene{width:96px; height:80px; top:6px; left:0; transform:none}.route-signal{top:auto; bottom:-8px; right:auto; left:39px; transform:rotate(90deg)}.connection-band{margin-top:20px; padding:12px; gap:8px}.compact-table,.compact-table tbody,.compact-table tbody tr{display:block; width:100%}.compact-table thead{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0}.compact-table tbody tr{padding:16px 0; border-bottom:1px solid var(--rule)}.compact-table tbody tr:first-child{padding-top:0}.compact-table tbody tr:last-child{padding-bottom:0; border-bottom:0}.compact-table tbody th,.compact-table td{display:block; width:100%; padding:0; border:0}.compact-table td{padding-top:6px}.address-example{padding:0 0 22px}.address-window > code{padding:14px 12px 18px; font-size:16px}.address-chrome{padding-inline:12px}.domain-extract{margin-left:12px}.domain-extract::after{font-size:22px}}
@media (forced-colors:active){.pull-quote mark{box-shadow:none; text-decoration:underline}}
@media print{.pull-quote mark{box-shadow:none; text-decoration:underline}}
.prose .flow:not(.illustrated-flow) li{border-top:2px solid var(--figure-rule)}
.flow:not(.illustrated-flow) li > span{color:var(--accent); font-weight:700}
.track i{background:#a16e24}
.after .track i{background:var(--accent)}
.prose .verification-record{margin-top:48px; padding-top:8px; border-top:1px solid var(--figure-rule)}
.prose .figure-title{margin:0; font-size:18px; line-height:1.65; font-weight:700}
.prose .figure-heading{margin-bottom:24px}
.code-block{border-radius:6px}
.prose .evidence-image{display:block; max-width:100%; width:auto; height:auto; max-height:none; margin-inline:auto}
.table-figure table{font-size:16px; min-width:620px}
.table-figure thead th{background:#dfe7d5}
.table-figure :is(th,td){overflow-wrap:anywhere}
.editorial-chart{display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; align-items:end}
.graphic-label{font-size:16px; line-height:1.75; color:var(--ink)}
.graphic-label-0{font-size:18px; font-weight:700; grid-column:1/-1}
.editorial-chart .graphic-label-1{grid-column:1/-1; margin-bottom:16px}
.editorial-chart .graphic-label-2,.editorial-chart .graphic-label-4{grid-row:3; font-size:24px; font-weight:700; text-align:center}
.editorial-chart .graphic-label-2{grid-column:1}
.editorial-chart .graphic-label-4{grid-column:2}
.editorial-chart .graphic-label-2::after,.editorial-chart .graphic-label-4::after{content:''; display:block; width:65%; height:49.2px; margin:10px auto 0; background:var(--accent)}
.editorial-chart .graphic-label-4::after{height:160px; background:#b17c32}
.editorial-chart .graphic-label-3{grid-row:4; grid-column:1; text-align:center}
.editorial-chart .graphic-label-5{grid-row:4; grid-column:2; text-align:center}
.editorial-steps{display:grid; grid-template-columns:1fr 1fr; gap:0 20px}
.editorial-steps .graphic-label-0{margin-bottom:22px}
.editorial-steps :is(.graphic-label-1,.graphic-label-4,.graphic-label-7,.graphic-label-10){font-size:18px; font-weight:700; background:var(--soft); border-top:3px solid var(--accent); padding:14px 14px 6px}
.editorial-steps :is(.graphic-label-2,.graphic-label-5,.graphic-label-8,.graphic-label-11){background:var(--soft); padding:0 14px 16px; margin-bottom:20px}
.editorial-steps .graphic-label-1{grid-column:1;grid-row:2}
.editorial-steps .graphic-label-2{grid-column:1;grid-row:3}
.editorial-steps .graphic-label-4{grid-column:2;grid-row:2}
.editorial-steps .graphic-label-5{grid-column:2;grid-row:3}
.editorial-steps .graphic-label-7{grid-column:1;grid-row:4}
.editorial-steps .graphic-label-8{grid-column:1;grid-row:5}
.editorial-steps .graphic-label-10{grid-column:2;grid-row:4}
.editorial-steps .graphic-label-11{grid-column:2;grid-row:5}
.editorial-steps :is(.graphic-label-3,.graphic-label-6,.graphic-label-9){display:none}
.editorial-steps .graphic-label-12{grid-column:1/-1; border-top:1px solid var(--rule); padding-top:16px}
@media(max-width:620px){.editorial-steps{display:block}.editorial-chart{column-gap:14px}}
.prose .journal-action-steps{list-style:none;counter-reset:action;margin:32px 0;padding:24px;border:1px solid #a8b6a2;background:#f0f2e8}
.prose .journal-action-steps>li{counter-increment:action;position:relative;margin:0;padding:0 0 24px 42px;font-size:18px;line-height:1.85}
.prose .journal-action-steps>li:last-child{padding-bottom:0}
.prose .journal-action-steps>li::before{content:counter(action);position:absolute;left:0;top:3px;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:#244d40;color:white;font-size:16px;font-weight:650}
.prose .journal-action-steps>li:not(:last-child)::after{content:'';position:absolute;left:13px;top:38px;bottom:8px;border-left:1px solid #9baa91}
.prose .journal-key-points{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:32px 0;padding:0}
.prose .journal-key-points>li{margin:0;padding:18px 20px;border:1px solid #b6c1ad;border-top:3px solid #244d40;background:#f0f2e8;font-size:18px;line-height:1.85}
.prose .journal-key-points>li:last-child:nth-child(odd){grid-column:1/-1}
.prose .journal-pullquote{margin:32px 0;padding:22px 24px;border:0;border-left:4px solid #ad721d;background:#f3e7ce;color:#182a24;font-size:18px;line-height:1.85}
.prose .journal-pullquote p{color:inherit;font-size:inherit}
.prose .figure-explanation{font-size:16px;line-height:1.85;border-top:1px solid #a8b6a2;padding-top:18px;margin-top:18px}
.prose .figure-explanation p{font-size:16px;line-height:1.85}
.prose .manuscript,.prose .chapter,.prose .opening,.prose .ending{max-width:100%;width:auto}
.prose .table-scroll{max-width:100%}
.prose .process-figure ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;counter-reset:process}
.prose .process-figure li{counter-increment:process;margin:0;border-top:3px solid #244d40;padding:16px;background:#f0f2e8}
.prose .process-figure li::before{content:'0' counter(process);display:block;font-size:16px;color:#244d40;margin-bottom:8px}
.prose .process-figure li b{display:block;font-size:20px}
.prose .process-figure li span{display:block;font-size:16px;line-height:1.8;margin-top:8px}
.prose .figure-top figcaption{font-size:21px;font-weight:700}
.prose .figure-top>span{display:block;font-size:16px;color:#25382e}
.prose .bar-group{padding:24px 0;border-top:1px solid #b6c1ad}
.prose .bar-group>p{font-size:18px;font-weight:600}
.prose .change-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:30px;font-weight:600;margin-bottom:20px}
.prose .change-summary small{font-size:18px}
.prose .change-delta{font-size:16px}
.prose .change-arrow{font-size:24px}
.prose .bar-row{display:grid;grid-template-columns:48px minmax(0,1fr) 46px;gap:10px;align-items:center;font-size:16px;margin:12px 0}
.prose .bar-track{height:25px;background:repeating-linear-gradient(to right,#d1d7cc 0,#d1d7cc 1px,transparent 1px,transparent 25%);border-right:1px solid #d1d7cc}
.prose .bar-track i{display:block;height:100%;background:#ae7938;min-width:1px}
.prose .after .bar-track i{background:#244d40}
.prose .bars .bar-row{grid-template-columns:150px minmax(0,1fr) 44px;gap:14px;margin:22px 0}
.prose .track{display:block;height:28px;background:#e5e9dd}
.prose .track>i{display:block;height:100%;background:#244d40}
.prose .axis{display:flex;justify-content:space-between;margin:0 54px 20px 58px;font-size:16px}
.prose .editorial-pullquote{border-left:4px solid #ad721d;background:#f3e7ce;padding:22px;margin:32px 0}
.prose .editorial-pullquote p{font-size:20px;line-height:1.8}
.prose .editorial-pullquote>span{font-size:16px}
.prose .chapter-heading{margin-top:48px}
.prose .chapter-heading>span,.prose .ending-label{font-size:16px;color:#244d40}
@media(max-width:620px){.prose .process-figure ol{grid-template-columns:1fr;gap:16px}.prose .change-summary{font-size:26px}.prose .bars .bar-row{grid-template-columns:minmax(0,1fr) 48px;gap:8px}.prose .bars .bar-row>span{grid-column:1/-1}.prose .bars .bar-row br{display:none}.prose .journal-key-points{grid-template-columns:1fr}.prose .journal-key-points>li{padding:16px}.prose .journal-action-steps{padding:18px}.prose .journal-action-steps>li{padding-left:38px}.prose .journal-pullquote{padding:18px}}
.article .prose.narrative>.opening{font-size:19px;line-height:30px}
.prose>figure.aw-photo{border:0;padding:0;margin-top:32px;margin-bottom:32px}
.aw-photo img{display:block;width:100%;height:auto}
.prose figure.aw-photo figcaption{font-size:15px!important;line-height:26px!important;border:0;padding:0;margin-top:10px!important}
.prose figure:not(.aw-photo) figcaption{font-size:15px;line-height:26px}
.prose figure.mt-galaxy-flow figcaption{font-size:15px;line-height:26px}
/* Resolves conflicts created by merging several legacy article stylesheets into one file. */
.prose .compact-table{min-width:0}