/* Phase 2 styles (prefix classes with p2-) */
.p2-gap{gap:12px}
.p2-gap4{gap:4px}
.p2-tight{gap:6px}
.p2-block{display:block}
.p2-strong{font-weight:700}
.p2-ml{margin-left:6px}
.p2-mt{margin-top:6px}
.p2-subhead{margin-top:6px}
.p2-light{color:#C9D6C3 !important}
.p2-ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:var(--ink-2);display:flex;flex-direction:column;gap:4px}
.p2-ul.small{font-size:13px}
.p2-ul li .pill,.p2-ul li .tag{vertical-align:1px}

/* Season selector: two-line buttons */
.p2-seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;line-height:1.15;min-height:52px}
.p2-seg-name{font-size:14px}
.p2-seg-sub{font-size:11px;font-weight:600;opacity:.85}

/* Key/value rows */
.p2-kv{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;align-items:start}
.p2-k{color:var(--muted);font-weight:600;font-size:12px;padding-top:1px}
.p2-v{color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.p2-detail{gap:6px;padding-top:4px;border-top:1px dashed var(--line-2)}

/* Season blocks in species detail */
.p2-season{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.p2-season.p2-now{background:var(--orange-tint);border:1px solid var(--orange-line);border-radius:12px;padding:10px 12px;margin:2px -4px}
.p2-season .h3{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}

/* Look-alike comparison */
.p2-cmp{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.4;padding-top:6px;border-top:1px solid var(--orange-line)}
.p2-cmp:first-child{border-top:none;padding-top:0}
.p2-why{margin:0;font-weight:600;color:#6B3410}
.p2-line{font-size:13px;line-height:1.45;padding:6px 8px;border-radius:8px}
.p2-line.p2-me{background:#fff;border:1px solid var(--orange-line)}

/* What's working bars */
.p2-work{padding-top:8px;border-top:1px solid var(--line)}
.p2-work .p2-strong{text-decoration:none}
.p2-barrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 36px;gap:8px;align-items:center}
.p2-barlabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p2-bar{height:10px;border-radius:5px;background:var(--lake-tint);overflow:hidden;display:block}
.p2-fill{display:block;height:100%;background:var(--lake);border-radius:5px}
.p2-pct{text-align:right;font-weight:700}

/* Bait shops */
.p2-stock{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.p2-tels{gap:6px}
.p2-tel{min-height:44px;font-size:13px;padding:0 12px}

/* Calendar */
.p2-month{padding:0}
.p2-month > .p2-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;min-height:52px}
.p2-month > .p2-summary::-webkit-details-marker{display:none}
.p2-month > .stack{padding:0 16px 14px}
.p2-month .p2-summary .h2{flex:1}
.p2-caret{color:var(--muted);transition:transform .15s;display:inline-flex}
.p2-month[open] .p2-caret{transform:rotate(90deg)}
.p2-month.p2-now{border:2px solid var(--orange)}
.p2-bite{padding-top:6px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.p2-bite:first-child{border-top:none;padding-top:0}
.p2-bite a{text-decoration:none}
.p2-events{background:var(--lake-tint);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.p2-ev{align-items:flex-start;color:#24452F}

/* Creeks */
.p2-runstat{align-items:center;text-align:center}
.p2-runstat .v{font-family:var(--display);font-size:30px}
.p2-banner-link{text-decoration:none}

/* Marinas */
.p2-food{background:var(--ground);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.p2-nowrap{white-space:nowrap;flex-shrink:0}
.p2-list{flex-shrink:0}