/* The trial flow is limited to the planner's screen. Physical print CSS stays untouched. */
@media screen {
 #album-simple {max-width:1160px;}
 #album-progress {max-width:800px;margin:.75rem 0 1rem;}
 #album-progress ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:.5rem;}
 #album-progress button {width:100%;min-height:44px;padding:.6rem .4rem;background:transparent;}
 #album-progress button[aria-current] {background:#E4E9DE;border:2px solid var(--ink);font-weight:650;}
 #album-form {max-width:800px;}
 #album-form>#album-inputs {border:0;padding:0;margin:0;background:transparent;}
 #album-simple .album-task {max-width:800px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;}
 #album-simple h2 {font-size:1.55rem;line-height:1.35;margin:0 0 1rem;}
 #album-simple label {font-size:1rem;display:block;margin:0 0 1rem;}
 #album-simple textarea {line-height:1.65;min-height:150px;}
 #album-simple details {margin:1rem 0;}
 #album-simple summary {min-height:44px;padding:.6rem 0;cursor:pointer;}
 #album-simple .actions {margin:1rem 0;}
 #album-simple button {min-height:44px;white-space:normal;}
 #planner #album-simple .tool-primary {background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:600;}
 #album-status:empty {display:none;}
 #album-status,#album-saved-state {padding:.6rem .8rem;border-left:3px solid var(--sage);background:#E4E9DE;}
 #album-error,#album-page-error,#album-advanced-error {border-left:3px solid var(--danger);padding:.8rem;}
 #planner #album-simple .album-consent {display:grid;grid-template-columns:1.3rem minmax(0,1fr);gap:.6rem;line-height:1.6;}
 #album-consent {width:1.2rem;height:1.2rem;margin-top:.25rem;}
 #album-simple .album-picker {padding:.8rem;background:#E4E9DE;border-radius:var(--radius);font-weight:600;}
 #album-file-help,#album-backup-help {font-size:.9rem;line-height:1.6;color:var(--muted);max-width:80ch;}
 #album-photo-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
 #album-photo-list article {min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem;}
 #album-photo-list img {width:100%;height:110px;object-fit:contain;}
 #album-photo-list p {font-size:.9rem;overflow-wrap:anywhere;margin:.4rem 0;}
 #album-photo-list button {font-size:.85rem;padding:.4rem;}
 #album-photo-list label {font-size:.9rem;}
 #album-photo-list .actions {gap:.35rem;}
 #album-simple .album-review-heading {display:flex;justify-content:space-between;align-items:start;gap:1rem;}
 #album-saved-state {font-size:.95rem;margin:0;flex-shrink:0;}
 #album-simple .album-primary-actions {margin-bottom:.5rem;}
 #album-simple .album-photo-next {display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;margin-block:.75rem;}
 #album-photo-count {flex:1 1 220px;margin:0;}
 #album-photo-action-reason {flex-basis:100%;margin:0;font-size:.95rem;overflow-wrap:anywhere;}
 #album-content-counts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.6rem 0;}
 #album-content-counts>div {padding:.65rem;border:1px solid var(--line);border-radius:var(--radius);min-width:0;}
 #album-content-counts dt {font-size:.9rem;line-height:1.5;}
 #album-content-counts dd {font-size:1rem;font-weight:600;margin:.25rem 0 0;overflow-wrap:anywhere;}
 #album-simple .album-edit-actions {margin-bottom:1.2rem;}
 #album-pages,#album-pending-pages {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;}
 #album-simple .album-page {display:grid;grid-template-columns:96px minmax(0,1fr);gap:.3rem .75rem;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;min-width:0;align-content:start;background:var(--surface);}
 #album-simple .album-page h3 {font:600 1rem/1.5 var(--sans);margin:0;grid-column:2;}
 #album-simple .album-page p {font-size:.9rem;line-height:1.6;margin:.15rem 0;grid-column:2;overflow-wrap:anywhere;}
 #album-simple .album-page .album-thumbnail {width:96px;grid-column:1;grid-row:1/span 4;padding:0;align-self:start;}
 #album-simple .album-page svg {display:block;width:100%;height:auto;}
 #album-simple .album-page .album-page-edit {grid-column:2;padding:.3rem 0;border:0;text-decoration:underline;text-align:left;background:transparent;}
 #album-pages[data-single=true] {grid-template-columns:minmax(0,680px);}
 #album-simple #album-pages[data-single=true] .album-page {grid-template-columns:minmax(0,310px) minmax(0,1fr);}
 #album-simple #album-pages[data-single=true] .album-thumbnail {width:100%;}
 #album-draft-preview {white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch;padding:1rem;border-left:3px solid var(--sage);background:var(--surface);}
 #album-management {max-width:800px;border-block:1px solid var(--line);margin-top:1.5rem;}
 #album-projects {list-style:none;padding:0;}
 #album-projects li {margin:.8rem 0;}
 #album-confirmation {width:38rem;max-width:calc(100vw - 2rem);max-height:85vh;overflow:auto;overflow-wrap:anywhere;padding:1.2rem;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);color:var(--ink);}
 #album-confirmation::backdrop {background:rgba(36,55,47,.35);}
 #album-confirmation h2 {font-size:1.4rem;}
 #album-source-confirmation {width:44rem;max-width:calc(100vw - 2rem);max-height:85vh;overflow:auto;padding:1.2rem;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);color:var(--ink);}
 #album-source-confirmation::backdrop {background:rgba(36,55,47,.35);}
 #album-source-confirmation h2 {font-size:1.4rem;}
 #album-source-confirmation h3 {font-size:1.1rem;}
 #album-source-confirmation .album-comparison-text {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;}
 #album-source-error {border-left:3px solid var(--danger);padding:.75rem;}
 #album-simple .album-full-text {grid-column:2;min-width:0;margin:0;}
 #planner #album-simple .album-full-paragraph {white-space:pre-wrap;font-size:1rem;line-height:1.65;}
 #album-return-simple {margin-block:1rem;}
 @media(max-width:1000px){#album-pages,#album-pending-pages{grid-template-columns:repeat(2,minmax(0,1fr));}}
 @media(max-width:600px){
  #album-content-counts {grid-template-columns:repeat(2,minmax(0,1fr));}
  #album-simple .album-photo-next {align-items:stretch;}
  #album-photo-count,#album-show-top {flex-basis:100%;}
  #album-simple .album-task {padding:1rem;}
  #album-simple h2 {font-size:1.35rem;}
  #album-progress button {font-size:.9rem;}
  #album-simple .actions {flex-direction:column;align-items:stretch;}
  #album-simple .actions button {width:100%;}
  #album-photo-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
  #album-pages,#album-pending-pages {grid-template-columns:1fr;}
  #album-simple #album-pages[data-single=true] .album-page {grid-template-columns:1fr;}
  #album-simple #album-pages[data-single=true] .album-page>* {grid-column:1;grid-row:auto;}
  #album-simple #album-pages[data-single=true] .album-thumbnail {max-width:320px;justify-self:center;}
  #album-simple .album-review-heading {display:block;}
  #album-saved-state {display:inline-block;margin:.2rem 0 .8rem;}
  #album-confirmation .actions {flex-direction:column;align-items:stretch;}
 }
}