@import url('/wallpaper_ai_workflow/wallpaper.css');

/* MyContext follows the shared Project Detail Design shell. */
:root{
  --font-sans:"tiktok","PingFang SC",sans-serif;
  --font-mono:"mono","SFMono-Regular",monospace;
  --font-mono-2:"tronica-mono","SFMono-Regular",monospace;
  --background-1:#fbfaf4;
  --label-1:#000;
  --label-2:rgba(54,54,48,.6);
  --label-3:rgba(54,54,48,.32);
  --label-d:54,54,48;
  --line:rgba(54,54,48,.1);
  --selection-bg:#c0fe04;
}
.article-title{max-width:none;white-space:nowrap;font-size:clamp(1.25rem,5vw,3rem);color:#2f2f2b;font-variation-settings:"wdth" 120;}
.article-summary{max-width:44rem;}
.figure img{object-fit:contain;}
.figure--hero img{background:#f1efe7;}
.figure--pair .figure img{height:100%;object-fit:cover;}
.figure--diagram img{background:#f5f3eb;}
.chapter > ul.source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;}
.chapter > ul.source-list > li{display:flex;align-items:center;box-sizing:border-box;height:2.5rem;margin:0;padding:0 .75rem;border:1px solid var(--line);background:rgba(54,54,48,.02);font-family:var(--font-mono-2);font-size:.75rem;line-height:1;text-transform:uppercase;color:var(--label-1);}
.chapter > ul.source-list > li::before{content:"";position:static;width:.4rem;height:.4rem;margin-right:.55rem;border-radius:50%;background:var(--selection-bg);flex:0 0 auto;}
.chapter > ul:not(.source-list) strong{color:var(--label-1);font-weight:600;}
.data-table-wrap + p{margin-top:1.75rem;}
.page-meta{font-family:var(--font-sans);}
@media (max-width:639px){.article-title{font-size:clamp(1.15rem,5.2vw,2rem);}}
@media (max-width:480px){.chapter > ul.source-list{grid-template-columns:1fr;}}