/* Aromoodu Coffee Intelligence editorial system v2
   Namespace: am-intelligence-*
   Dark graphite / 空山銀. Editorial, not dashboard. */

:root{
  --am-bg:#17191c;
  --am-bg-soft:#1c1e22;
  --am-ink:#c8c6c1;
  --am-ink-strong:#e4e2dc;
  --am-mute:rgba(200,198,193,.56);
  --am-faint:rgba(200,198,193,.38);
  --am-line:rgba(214,212,206,.10);
  --am-line-strong:rgba(214,212,206,.18);
  --am-silver:#b7b5af;
}

html.am-intelligence-root{
  background:var(--am-bg);
  color-scheme:dark;
}

body.am-intelligence{
  margin:0;
  min-height:100vh;
  background:var(--am-bg);
  color:var(--am-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Noto Sans TC","PingFang TC","Hiragino Sans","Helvetica Neue",Arial,sans-serif;
}

.am-intelligence a{color:inherit}

.am-intelligence-main{
  width:min(1180px,100%);
  margin:0 auto;
  padding:88px 24px 96px;
}

.am-intelligence-hero{max-width:980px;padding:28px 0 72px}
.am-intelligence-kicker{
  margin:0 0 18px;
  color:var(--am-faint);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.am-intelligence-hero h1{
  margin:0;
  max-width:920px;
  font-size:clamp(30px,4.2vw,52px);
  font-weight:560;
  line-height:1.12;
  letter-spacing:-.038em;
  color:var(--am-ink-strong);
}
.am-intelligence-lead{
  max-width:760px;
  margin:28px 0 0;
  color:var(--am-mute);
  font-size:clamp(16px,1.7vw,21px);
  line-height:1.75;
  letter-spacing:-.01em;
}

.am-intelligence-thesis{
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  gap:40px;
  padding:34px 0 72px;
  border-top:1px solid var(--am-line);
}
.am-intelligence-thesis-label{
  color:var(--am-faint);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.am-intelligence-thesis p{
  margin:0;
  max-width:820px;
  font-size:clamp(22px,3vw,40px);
  line-height:1.28;
  letter-spacing:-.032em;
  color:var(--am-ink-strong);
}
.am-intelligence-thesis-support{
  margin-top:22px !important;
  font-size:16px !important;
  line-height:1.75 !important;
  color:var(--am-mute) !important;
  letter-spacing:-.01em !important;
  font-weight:400 !important;
}

.am-intelligence-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 22px;
}
.am-intelligence-toolbar h2{
  margin:0;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--am-ink-strong);
}
.am-intelligence-filters{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.am-intelligence-filters button{
  appearance:none;
  border:1px solid var(--am-line);
  border-radius:999px;
  padding:8px 13px;
  background:transparent;
  color:var(--am-mute);
  font:inherit;
  font-size:12px;
  letter-spacing:.02em;
  cursor:pointer;
}
.am-intelligence-filters button:hover,
.am-intelligence-filters button[aria-pressed="true"]{
  color:var(--am-ink-strong);
  border-color:var(--am-line-strong);
  background:rgba(255,255,255,.04);
}

.am-intelligence-list{border-top:1px solid var(--am-line)}
.am-intelligence-row{
  display:block;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid var(--am-line);
}
.am-intelligence-row-inner{
  display:grid;
  grid-template-columns:168px minmax(0,1fr) 28px;
  gap:28px;
  align-items:start;
  padding:30px 0 34px;
}
.am-intelligence-row[hidden]{display:none}
.am-intelligence-meta{
  display:grid;
  gap:7px;
  padding-top:4px;
}
.am-intelligence-cat{
  color:var(--am-silver);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.am-intelligence-kind{
  color:var(--am-faint);
  font-size:12px;
}
.am-intelligence-copy h3{
  margin:0;
  max-width:860px;
  font-size:clamp(20px,2.1vw,30px);
  font-weight:560;
  line-height:1.16;
  letter-spacing:-.03em;
  color:var(--am-ink-strong);
}
.am-intelligence-copy p{
  margin:14px 0 0;
  max-width:780px;
  color:var(--am-mute);
  font-size:15px;
  line-height:1.75;
}
.am-intelligence-arrow{
  color:var(--am-mute);
  font-size:22px;
  padding-top:2px;
  text-align:right;
}
.am-intelligence-row:hover .am-intelligence-copy h3{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.14em;
}

.am-intelligence-method{
  display:grid;
  grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);
  gap:48px;
  margin-top:88px;
  padding-top:56px;
  border-top:1px solid var(--am-line);
}
.am-intelligence-method h2{
  margin:0;
  font-size:clamp(24px,3vw,40px);
  line-height:1.12;
  letter-spacing:-.036em;
  font-weight:560;
  color:var(--am-ink-strong);
}
.am-intelligence-method-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid var(--am-line);
}
.am-intelligence-method-row span{
  color:var(--am-faint);
  font-size:12px;
  padding-top:4px;
  letter-spacing:.08em;
}
.am-intelligence-method-row strong{
  display:block;
  margin-bottom:6px;
  font-size:17px;
  font-weight:600;
  color:var(--am-ink-strong);
}
.am-intelligence-method-row p{
  margin:0;
  color:var(--am-mute);
  line-height:1.7;
  font-size:14px;
}

.am-intelligence-note{
  max-width:860px;
  margin:72px 0 0;
  padding-top:22px;
  border-top:1px solid var(--am-line);
  color:var(--am-faint);
  font-size:13px;
  line-height:1.8;
}

.am-intelligence-rail{
  width:min(1180px,100%);
  margin:0 auto;
  padding:14px 24px 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  color:var(--am-faint);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.am-intelligence-rail a{text-decoration:none;color:var(--am-mute)}
.am-intelligence-rail a[aria-current="page"],
.am-intelligence-rail a:hover{color:var(--am-ink-strong)}

.am-intelligence-article{max-width:820px}
.am-intelligence-article .am-intelligence-kicker{margin-bottom:22px}
.am-intelligence-article h1{
  margin:0;
  font-size:clamp(30px,4vw,48px);
  font-weight:560;
  line-height:1.14;
  letter-spacing:-.036em;
  color:var(--am-ink-strong);
}
.am-intelligence-thesis-block{
  margin:28px 0 56px;
  font-size:clamp(18px,2vw,24px);
  line-height:1.6;
  color:var(--am-ink);
  letter-spacing:-.018em;
}
.am-intelligence-section{
  padding:28px 0;
  border-top:1px solid var(--am-line);
}
.am-intelligence-section h2{
  margin:0 0 14px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--am-faint);
}
.am-intelligence-section p{
  margin:0;
  color:var(--am-mute);
  font-size:16px;
  line-height:1.8;
}
.am-intelligence-related{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:8px;
}
.am-intelligence-related a{
  text-decoration:none;
  border-bottom:1px solid var(--am-line);
  padding-bottom:2px;
  color:var(--am-ink);
  font-size:14px;
}

.am-intelligence-faq-row{
  padding:28px 0 32px;
  border-top:1px solid var(--am-line);
}
.am-intelligence-faq-row h2{
  margin:0 0 12px;
  font-size:clamp(20px,2.2vw,28px);
  font-weight:560;
  letter-spacing:-.03em;
  color:var(--am-ink-strong);
  text-transform:none;
}
.am-intelligence-faq-row p{
  margin:0;
  max-width:760px;
  color:var(--am-mute);
  font-size:16px;
  line-height:1.8;
}

.am-intelligence-principles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:36px 0 8px;
  border-top:1px solid var(--am-line);
}
.am-intelligence-principle{
  padding:22px 28px 24px 0;
  border-bottom:1px solid var(--am-line);
}
.am-intelligence-principle:nth-child(even){padding-left:28px;padding-right:0;border-left:1px solid var(--am-line)}
.am-intelligence-principle b{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:650;
  color:var(--am-ink-strong);
}
.am-intelligence-principle span{
  color:var(--am-mute);
  font-size:14px;
  line-height:1.7;
}

.am-intelligence-cats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--am-line);
  border-bottom:1px solid var(--am-line);
  margin:8px 0 48px;
}
.am-intelligence-catcard{
  display:block;
  padding:22px 16px 26px 0;
  text-decoration:none;
  color:inherit;
  border-right:1px solid var(--am-line);
}
.am-intelligence-catcard:last-child{border-right:0}
.am-intelligence-catcard small{
  display:block;
  margin-bottom:10px;
  color:var(--am-faint);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:10px;
}
.am-intelligence-catcard strong{
  display:block;
  font-size:18px;
  font-weight:560;
  letter-spacing:-.03em;
  color:var(--am-ink-strong);
}
.am-intelligence-catcard p{
  margin:10px 0 0;
  color:var(--am-mute);
  font-size:13px;
  line-height:1.65;
}

body.am-intelligence{overflow-x:hidden}
@media(max-width:880px){
  .am-intelligence-main{padding:72px 14px 80px}
  .am-intelligence-rail{padding:14px 14px 0}
  .am-intelligence-hero{padding:18px 0 48px}
  .am-intelligence-thesis,.am-intelligence-method{grid-template-columns:1fr;gap:20px}
  .am-intelligence-toolbar{display:grid;gap:14px}
  .am-intelligence-filters{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .am-intelligence-filters::-webkit-scrollbar{display:none}
  .am-intelligence-filters button{flex:0 0 auto}
  .am-intelligence-row-inner{
    grid-template-columns:1fr 24px;
    gap:16px;
    padding:24px 0 28px;
  }
  .am-intelligence-meta{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    padding-top:0;
  }
  .am-intelligence-principles,.am-intelligence-cats{grid-template-columns:1fr}
  .am-intelligence-principle:nth-child(even){padding-left:0;border-left:0}
  .am-intelligence-catcard{border-right:0;border-bottom:1px solid var(--am-line);padding-right:0}
}
@media(max-width:390px){
  .am-intelligence-hero h1{font-size:28px}
  .am-intelligence-copy h3{font-size:22px}
  .am-intelligence-main{overflow-x:hidden}
}