/* Edition 18: carrier-to-product narrative guide. */
.feed-visual--carrier-journey {
  background: radial-gradient(circle at 75% 28%, rgba(112,207,93,.22), transparent 22%), linear-gradient(132deg, #0a2942, #143f5f);
}
.feed-visual--carrier-journey .feed-visual-label {
  z-index: 6;
  color: #d7e9ed;
  border: 1px solid rgba(200,229,237,.26);
  background: rgba(8,39,61,.9);
  padding: 4px 6px;
}
.feed-visual--carrier-journey .feed-visual-mark {
  inset: 37px 18px auto auto;
  width: 140px;
  height: 58px;
}
.feed-visual--carrier-journey .feed-visual-mark::before {
  content: '';
  position: absolute;
  top: 29px;
  left: 14px;
  right: 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(112,207,93,.4), rgba(210,235,242,.8), rgba(232,135,71,.48));
}
.feed-visual--carrier-journey .feed-visual-mark i {
  position: absolute;
  top: 17px;
  width: 25px;
  height: 25px;
  border: 2px solid #d4edf1;
  border-radius: 50%;
  background: #0e3550;
}
.feed-visual--carrier-journey .feed-visual-mark i:nth-child(1) { left: 0; border-color: #9fe193; background: #3e8a51; }
.feed-visual--carrier-journey .feed-visual-mark i:nth-child(2) { left: 54px; border-color: #b7d9e8; background: #5ca8dd; }
.feed-visual--carrier-journey .feed-visual-mark i:nth-child(3) { right: 0; border-color: #ffd2a4; background: #e88747; }
.feed-visual--carrier-journey .feed-visual-mark i:nth-child(4), .feed-visual--carrier-journey .feed-visual-mark i:nth-child(5), .feed-visual--carrier-journey .feed-visual-mark i:nth-child(6) { display: none; }

.featured-visual--carrier-journey {
  background: radial-gradient(circle at 60% 42%, rgba(92,168,221,.17), transparent 25%), linear-gradient(132deg, #0a2942, #143f5f);
}
.featured-visual--carrier-journey .featured-visual-label {
  z-index: 6;
  padding: 5px 7px;
  color: #d7e9ed;
  border: 1px solid rgba(200,229,237,.23);
  background: rgba(8,39,61,.7);
}
.featured-visual--carrier-journey .featured-visual-caption {
  z-index: 6;
  right: 25px;
  bottom: 23px;
  left: auto;
  padding: 5px 7px;
  color: #d7e9ed;
  border: 1px solid rgba(200,229,237,.21);
  background: rgba(8,39,61,.72);
}
.featured-visual--carrier-journey .featured-visual-mark::before {
  content: '';
  position: absolute;
  top: 49%;
  right: 13%;
  left: 13%;
  height: 2px;
  background: linear-gradient(90deg, rgba(112,207,93,.3), rgba(210,235,242,.78), rgba(232,135,71,.45));
}
.featured-visual--carrier-journey .featured-visual-mark i {
  position: absolute;
  top: calc(49% - 38px);
  width: 76px;
  height: 76px;
  border: 3px solid #d7ebef;
  border-radius: 50%;
  background: #0e3651;
  box-shadow: 0 0 0 13px rgba(92,168,221,.07);
}
.featured-visual--carrier-journey .featured-visual-mark i:nth-child(1) { left: 13%; border-color: #9fe193; background: #3d8550; }
.featured-visual--carrier-journey .featured-visual-mark i:nth-child(2) { left: calc(50% - 38px); border-color: #b7d9e8; background: #5ca8dd; }
.featured-visual--carrier-journey .featured-visual-mark i:nth-child(3) { right: 13%; border-color: #ffd2a4; background: #e88747; }
.featured-visual--carrier-journey .featured-visual-mark i:nth-child(4), .featured-visual--carrier-journey .featured-visual-mark i:nth-child(5), .featured-visual--carrier-journey .featured-visual-mark i:nth-child(6) { display: none; }

.carrier-board--3 .carrier-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.carrier-structure--emulsion .carrier-particle::before {
  content: '';
  position: absolute;
  inset: 13px;
  border: 20px solid rgba(112,207,93,.86);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(184,241,176,.78), 0 0 34px rgba(112,207,93,.18);
}
.carrier-structure--emulsion .carrier-particle::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -21px;
  left: -21px;
  height: 1px;
  background: rgba(209,235,244,.42);
}
.carrier-structure--emulsion .carrier-particle b {
  width: 122px;
  height: 122px;
  background: radial-gradient(circle at 35% 31%, #ffd064, #e99b35 78%);
  box-shadow: 0 0 0 15px rgba(232,135,71,.1), 0 0 0 40px rgba(232,135,71,.04);
}
.carrier-structure--emulsion .carrier-particle i { display: none; }

.carrier-product-context-evidence { background: #edf4f6; }
.carrier-product-context-board {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  overflow: hidden;
  color: #fff;
  background: #0d2b45;
}
.carrier-product-source { position: relative; min-height: 495px; margin: 0; padding: 35px; background: #fff; }
.carrier-product-source img { width: 100%; height: calc(100% - 64px); display: block; object-fit: contain; }
.carrier-product-source figcaption { position: absolute; right: 30px; bottom: 23px; left: 30px; color: #567486; font-size: 11px; line-height: 1.5; }
.carrier-product-context-guide { padding: 42px 44px; background: linear-gradient(145deg, #123852, #0b263e); }
.carrier-product-context-guide .comparison-label, .carrier-context-checks .comparison-label { color: #9dde91 !important; }
.carrier-product-context-guide h3 { max-width: 470px; margin: 0; color: #fff; font-size: clamp(29px, 3vw, 40px); line-height: 1.05; letter-spacing: -.06em; }
.carrier-product-context-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 28px 0 22px; background: rgba(205,231,241,.22); }
.carrier-product-context-tab { min-height: 53px; padding: 9px 10px; color: #bfd4de; border: 0; background: rgba(255,255,255,.045); font: 11px/1.23 var(--sans); font-weight: 800; text-align: left; cursor: pointer; transition: background .18s var(--ease), color .18s var(--ease); }
.carrier-product-context-tab:hover, .carrier-product-context-tab:focus-visible { color: #fff; outline: 2px solid var(--journal-green); outline-offset: -2px; background: rgba(112,207,93,.14); }
.carrier-product-context-tab[aria-selected='true'] { color: #0b263e; background: var(--journal-green); }
.carrier-product-context-detail { min-height: 262px; }
.carrier-context-detail-header { display: grid; grid-template-columns: 52px 1fr; gap: 17px; align-items: start; }
.carrier-context-index { color: var(--journal-green); font: 28px/1 var(--mono); letter-spacing: -.06em; }
.carrier-context-detail-header h4 { max-width: 450px; margin: 0 0 9px; color: #fff; font-size: 24px; line-height: 1.1; letter-spacing: -.05em; }
.carrier-context-detail-header p { max-width: 560px; margin: 0; color: #c6d8e1; font-size: 14px; line-height: 1.65; }
.carrier-context-checks { display: grid; grid-template-columns: 144px 1fr; gap: 20px; margin: 22px 0 0 69px; padding: 17px 0; border-top: 1px solid rgba(209,234,243,.2); border-bottom: 1px solid rgba(209,234,243,.15); }
.carrier-context-checks .comparison-label { margin: 2px 0 0 !important; }
.carrier-context-checks ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.carrier-context-checks li { position: relative; padding-left: 13px; color: #e2edf1; font-size: 12px; line-height: 1.45; }
.carrier-context-checks li::before { content: ''; position: absolute; top: .56em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--journal-green); }
.carrier-context-boundary { margin: 17px 0 0 69px; color: #a8c4d1; font-size: 12px; line-height: 1.5; }

@media (max-width: 900px) {
  .carrier-product-context-board { grid-template-columns: 1fr; }
  .carrier-product-source { min-height: 410px; }
  .carrier-product-context-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .feed-visual--carrier-journey .feed-visual-mark { top: 34px; right: 13px; width: 118px; height: 50px; }
  .feed-visual--carrier-journey .feed-visual-mark i { top: 15px; width: 21px; height: 21px; }
  .feed-visual--carrier-journey .feed-visual-mark i:nth-child(1) { left: 0; }.feed-visual--carrier-journey .feed-visual-mark i:nth-child(2) { left: calc(50% - 10px); }.feed-visual--carrier-journey .feed-visual-mark i:nth-child(3) { right: 0; }
  .featured-visual--carrier-journey .featured-visual-mark i { top: calc(49% - 25px); width: 50px; height: 50px; border-width: 2px; box-shadow: 0 0 0 7px rgba(92,168,221,.07); }
  .featured-visual--carrier-journey .featured-visual-mark i:nth-child(1) { left: 12%; }.featured-visual--carrier-journey .featured-visual-mark i:nth-child(2) { left: calc(50% - 25px); }.featured-visual--carrier-journey .featured-visual-mark i:nth-child(3) { right: 12%; }
  .featured-visual--carrier-journey .featured-visual-caption { right: 17px; bottom: 16px; }
  .carrier-board--3 .carrier-tabs { grid-template-columns: 1fr; }
  .carrier-board--3 .carrier-tab { min-height: 49px; }
  .carrier-structure--emulsion .carrier-particle::before { inset: 11px; border-width: 17px; }.carrier-structure--emulsion .carrier-particle b { width: 102px; height: 102px; }
  .carrier-product-source { min-height: 330px; padding: 22px; }.carrier-product-source img { height: calc(100% - 58px); }.carrier-product-source figcaption { right: 21px; bottom: 16px; left: 21px; font-size: 10px; line-height: 1.45; }
  .carrier-product-context-guide { padding: 30px 21px; }.carrier-product-context-guide h3 { font-size: 30px; }.carrier-product-context-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 23px 0 18px; }.carrier-product-context-tab { min-height: 46px; padding: 8px 9px; font-size: 11px; }
  .carrier-product-context-detail { min-height: 0; }.carrier-context-detail-header { grid-template-columns: 41px 1fr; gap: 12px; }.carrier-context-index { font-size: 21px; }.carrier-context-detail-header h4 { font-size: 21px; }.carrier-context-detail-header p { font-size: 13px; line-height: 1.57; }
  .carrier-context-checks { display: block; margin: 18px 0 0 53px; padding: 14px 0; }.carrier-context-checks ul { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 13px; }.carrier-context-checks li { font-size: 12px; }.carrier-context-boundary { margin: 15px 0 0 53px; font-size: 12px; line-height: 1.48; }
}