/* Claude reference layout adaptation: dense columns, borderless surfaces. */
@media (min-width:769px) {
  .idea-view .card-content {
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr) minmax(280px,1fr);
    gap:16px;
    padding:24px 34px 150px;
    align-items:start;
  }
  .idea-view .card-content.no-context {
    grid-template-columns:minmax(320px,.92fr) minmax(390px,1.08fr);
  }
  .idea-view .card-content.no-context .card-column-context { display:none; }
  .idea-view .card-column { display:flex; flex-direction:column; gap:16px; min-width:0; }
  .idea-view .idea-card {
    width:100%;
    min-height:0;
    padding:19px;
    border:0;
    border-radius:var(--radius-lg);
    background:#17191c;
    box-shadow:none;
  }
  .idea-view .idea-card::before,.idea-view .idea-card::after { display:none; }
  .idea-view .card-section-label { margin-bottom:15px; color:var(--card-text); font-size:13px; font-weight:700; letter-spacing:.01em; }
  .idea-view .card-label-icon,.idea-view .core-card .card-label-icon {
    width:27px; height:27px; flex-basis:27px; border:0; border-radius:8px;
    background:#202226; color:var(--card-text-2); box-shadow:none;
  }

  .idea-view .core-card {
    display:flex; flex-direction:column; grid-column:auto; grid-row:auto; min-height:230px;
    padding:22px; transform:translateY(-2px);
    background:radial-gradient(130% 150% at 100% 0%,rgba(242,169,59,.18),transparent 56%),#191a1d;
    box-shadow:0 20px 55px rgba(0,0,0,.34),0 10px 42px rgba(242,169,59,.09);
    overflow:visible;
  }
  .idea-view .core-card .card-section-label { margin-bottom:0; color:var(--card-text); }
  .idea-view .core-card .card-label-icon { background:var(--card-orange-soft); color:var(--card-orange); }
  .idea-view .core-card .card-core-text {
    margin-top:22px; padding-right:26px; color:var(--card-text);
    font:600 clamp(19px,1.42vw,24px)/1.62 'Noto Serif SC',serif;
  }
  .idea-view .core-card .card-actions { top:18px; right:18px; }
  .idea-view .core-card .card-actions button { background:#202226; box-shadow:none; }

  .idea-view .card-timeline {
    display:flex; flex-direction:column; gap:0; padding:19px;
    background:#17191c; box-shadow:none;
  }
  .idea-view .card-timeline > .card-section-label { padding:0; margin:0 0 17px; }
  .idea-view .timeline-item {
    position:relative; min-height:58px; padding:0 0 16px 27px;
    border:0; background:transparent;
  }
  .idea-view .timeline-item:last-child { min-height:0; padding-bottom:0; }
  .idea-view .timeline-item::before {
    content:''; position:absolute; left:2px; top:3px; width:12px; height:12px;
    border:2px solid var(--card-muted); border-radius:50%; background:#17191c; box-shadow:none;
  }
  .idea-view .timeline-item:not(:last-child)::after {
    content:''; position:absolute; left:8px; top:17px; bottom:-1px; width:1px;
    background:linear-gradient(180deg,rgba(242,169,59,.42),rgba(255,255,255,.05));
  }
  .idea-view .timeline-item.done::before {
    border-color:#57aeb1; background:#57aeb1; box-shadow:none;
  }
  .idea-view .timeline-item.active::before {
    border-color:var(--card-orange); background:var(--card-orange);
    box-shadow:0 0 0 4px var(--card-orange-soft),0 0 12px rgba(242,169,59,.4);
  }
  .idea-view .timeline-time { margin:0 0 4px; color:var(--card-muted); font:400 10px/1.3 'Space Mono',monospace; }
  .idea-view .timeline-text { color:var(--card-text-2); font:400 13px/1.55 'Noto Serif SC',serif; }

  .idea-view .growth-dock {
    display:block; min-height:0; padding:19px; background:#17191c; box-shadow:none;
  }
  .idea-view .growth-dock .card-label-icon { background:var(--card-orange-soft); color:var(--card-orange); }
  .idea-view .growth-directions { margin:0 0 14px; }
  .idea-view .card-chips { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
  .idea-view .card-chip { padding:5px 9px; border:0; border-radius:999px; background:#202226; color:var(--card-muted); box-shadow:none; font-size:10px; }
  .idea-view .growth-seed { display:block; width:100%; margin:0; }
  .idea-view .growth-dock .card-next-action,
  .idea-view .growth-actions button {
    display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:11px;
    width:100%; min-height:0; margin:0; padding:12px 13px; border:0; border-radius:var(--radius-md);
    background:#202226; color:var(--card-text); box-shadow:none; text-align:left;
    font:600 13px/1.45 'Noto Serif SC',serif;
  }
  .idea-view .growth-dock .card-next-action { background:rgba(242,169,59,.10); }
  .idea-view .task-checkbox {
    flex:0 0 18px; width:18px; height:18px; margin-top:1px; border:1.5px solid var(--card-muted);
    border-radius:5px; background:transparent;
  }
  .idea-view .task-checkbox.is-priority { border-color:var(--card-orange); box-shadow:0 0 0 3px var(--card-orange-soft); }
  .idea-view .task-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
  .idea-view .card-next-kicker { color:var(--card-orange); font:700 9px/1 'Space Mono',monospace; }
  .idea-view .card-next-line { color:var(--card-text); font:600 13px/1.45 'Noto Serif SC',serif; }
  .idea-view .growth-actions { display:flex; flex-direction:column; gap:9px; margin-top:9px; }
  .idea-view .growth-actions button:hover { transform:translateY(-1px); background:#26282d; color:var(--card-text); }

  .idea-view .card-tension-block,.idea-view .card-origin-block,.idea-view .card-turn-block {
    display:flex; flex-direction:column; grid-column:auto; grid-row:auto;
    min-height:0; padding:19px; border:0; background:#17191c; box-shadow:none;
  }
  .idea-view .card-tension-content { max-width:92%; margin-top:3px; font-size:15px; }
  .idea-view .question-state { top:20px; right:18px; border:0; background:#202226; }
  .idea-view .question-mark { display:block; opacity:.7; }
  .idea-view .origin-quote-mark { top:48px; }
  .idea-view .card-origin-content { margin-top:3px; }
  .idea-view .turn-route { margin-top:2px; }
}

@media (max-width:1120px) and (min-width:769px) {
  .idea-view .card-content { grid-template-columns:1fr 1fr; }
  .idea-view .card-column-context { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
  body .idea-view .card-content { display:flex; flex-direction:column; gap:12px; }
  body .idea-view .card-column { display:flex; flex-direction:column; gap:12px; }
  body .idea-view .idea-card { border:0; background:#17191c; box-shadow:none; }
  body .idea-view .core-card {
    order:initial; transform:none;
    background:radial-gradient(130% 150% at 100% 0%,rgba(242,169,59,.17),transparent 56%),#191a1d;
    box-shadow:0 16px 40px rgba(0,0,0,.3),0 8px 32px rgba(242,169,59,.08);
  }
  body .idea-view .card-timeline { display:flex; flex-direction:column; gap:0; overflow:visible; }
  body .idea-view .timeline-item { min-width:0; padding:0 0 16px 27px; }
  body .idea-view .timeline-item::before { left:2px; top:3px; width:12px; height:12px; border-radius:50%; }
  body .idea-view .timeline-item:not(:last-child)::after { left:8px; top:17px; bottom:0; width:1px; }
  body .idea-view .growth-dock { display:block; }
  body .idea-view .growth-directions { margin-bottom:12px; }
  body .idea-view .growth-dock .card-next-action,body .idea-view .growth-actions button {
    display:flex; flex-direction:row; align-items:flex-start; gap:10px; width:100%; padding:12px;
    border:0; border-radius:var(--radius-md); background:#202226; box-shadow:none; text-align:left;
  }
  body .idea-view .growth-dock .card-next-action { background:rgba(242,169,59,.10); }
  body .idea-view .growth-actions { display:flex; flex-direction:column; gap:8px; }
  body .idea-view .task-checkbox { flex:0 0 18px; width:18px; height:18px; border:1.5px solid var(--card-muted); border-radius:5px; }
  body .idea-view .task-checkbox.is-priority { border-color:var(--card-orange); box-shadow:0 0 0 3px var(--card-orange-soft); }
  body .idea-view .task-copy { display:flex; flex-direction:column; gap:4px; }
}