/* Area pages section of /polish/<slug> (builds on polish.css). Single column, comfortable at 360 px. */
.ap-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ap-list:empty { display: none; }
.ap-item { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; min-height: 52px; padding: 10px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #F4F2ED; font: 500 15px/1.3 'Inter', sans-serif; text-align: left; cursor: pointer; }
.ap-item small { color: rgba(244,242,237,.55); }
.ap-badge { margin-left: auto; padding: 4px 10px; border-radius: 999px; font-size: 12px; background: rgba(246,172,41,.12); color: #F8C25E; }
.ap-add, .ap-buy { display: grid; gap: 12px; padding-top: 6px; }
.ap-h3 { margin: 10px 0 2px; font: 600 15px/1.3 'Inter', sans-serif; }
.ap-step { display: grid; gap: 12px; margin: 0; padding: 14px; border-radius: 16px; border: 1px solid rgba(255,255,255,.12); min-inline-size: 0; }
.ap-step legend { padding: 0 6px; font: 700 15px/1.3 'Sora', sans-serif; }
.ap-row { display: grid; gap: 8px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.04); }
.ap-row.is-bad { outline: 2px solid rgba(239,68,68,.7); }
.ap-photo { grid-template-columns: 96px 1fr; align-items: start; }
.ap-photo img { width: 96px; height: 72px; object-fit: cover; border-radius: 10px; grid-row: span 3; }
.ap-photo .pl-check, .ap-photo .pl-btn { grid-column: 2; }
.ap-row textarea, .ap-row select, .ap-step select { width: 100%; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: #fff; font: 400 16px/1.4 'Inter', sans-serif; }
.ap-add select { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: #fff; font: 400 16px/1.4 'Inter', sans-serif; }
.ap-sugg { padding: 8px 0; }
.ap-checklist { margin: 0; padding-left: 1.2em; color: #FDE68A; font-size: 14px; }
.ap-checklist .ap-ok { color: #6EE7B7; list-style: none; margin-left: -1.2em; }
.ap-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ap-actions .pl-btn:not(.pl-btn--sm) { flex: 1 1 100%; }
.ap-used ul { margin: 8px 0 0; padding-left: 1.2em; }
.ap-used li { margin: 4px 0; font-size: 14px; }
.ap-yes { color: #6EE7B7; } .ap-no { color: rgba(244,242,237,.45); }
.ap-diff-sec { margin: 8px 0; }
.ap-diff ins { background: rgba(16,185,129,.2); text-decoration: underline; }
.ap-diff del { background: rgba(239,68,68,.2); text-decoration: line-through; }
.pl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 380px) { .ap-photo { grid-template-columns: 1fr; } .ap-photo img { grid-row: auto; } .ap-photo .pl-check, .ap-photo .pl-btn { grid-column: 1; } }