.wwcard,.wwfilters,.wwhistory,.wwtarget{border:1px solid var(--strip);border-radius:8px;padding:12px;margin:10px 0;background:var(--paper);color:var(--ink)}
.wwactions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wwquick{position:sticky;top:0;background:var(--paper);padding:10px 0;z-index:2}
.wwfilters summary{font-weight:bold;cursor:pointer}.wwfield{display:flex;flex-direction:column;gap:4px;margin:9px 0}.wwfield input,.wwfield textarea,.wwfield select{width:100%;box-sizing:border-box}.wwfield textarea{resize:vertical;min-height:65px}
.wwfeedback p,.wwhistory p{white-space:pre-wrap}.wwfeedback h4{color:var(--accent);margin:12px 0 5px}.wwfeedback{line-height:1.55}.wwcompare{border-bottom:1px solid var(--strip);padding:8px 0}.wwcompare strong{display:block}.wwcompare .btn{white-space:normal;text-align:left}
@media(max-width:600px){.wwactions .btn{flex:1 1 auto}.wwquick{position:static}}

.gbgrid .wrcol .wwcompare{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:220px;white-space:normal;text-align:left}
.gbgrid .wrcol .wwcompare strong{grid-column:1 / -1;white-space:normal;overflow-wrap:anywhere}
.gbgrid .wrcol .wwcompare .btn{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;margin:0;padding:7px}
.gbgrid:not(.fold-writing) .wrcol{min-width:244px}

/* Student writing phone: filters and filing card stay in flow (2026-10-18) */
@media (max-width:760px){
  .wwquick{position:static; z-index:auto; padding:6px 0}
  .wwfilters{margin:6px 0}
  .wwfilters .wwfield{margin:6px 0}
  .wwfilters .btn{min-height:44px}
  .wwcard{position:relative; z-index:0}
  .wwactions{flex-direction:column; align-items:stretch}
  .wwactions .btn{min-height:44px; width:100%; justify-content:center; white-space:normal}
}