:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#192737;background:#eef2f6}*{box-sizing:border-box}body{margin:0}header.top{background:#101f38;color:#fff;padding:17px max(20px,calc((100% - 1200px)/2))}header.top small{display:block;color:#c6d3e0;margin-top:5px}main{max-width:1200px;margin:25px auto;padding:0 18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 22px}a.button,button{border:1px solid #17466d;background:#17466d;color:white;border-radius:7px;text-decoration:none;padding:10px 15px;font:inherit;cursor:pointer}a.button.secondary{background:#fff;color:#17466d}.box{background:white;border:1px solid #cdd7e0;border-radius:10px;padding:18px}.subtitle{color:#506378;margin:4px 0}.views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.view{min-width:0;border:1px solid #cbd5df;border-radius:7px;overflow:hidden;background:#fff}.view h3{font-size:1rem;margin:0;padding:11px 12px;background:#e9f0f6}.view img{display:block;width:100%;height:auto}.view figure{margin:0}.view figcaption{font-size:.82rem;color:#445465;padding:8px}.aladin-wrap{height:290px;background:#142337;position:relative}.aladin-wrap #aladin-lite-div{width:100%;height:100%}.aladin-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:white;background:#263447;z-index:2}.aladin-status.ready{display:none}.pager{display:none}.explain{margin-top:15px;color:#46576b}.details{line-height:1.5}.note{background:#fff9e8;border-left:4px solid #c79c2b;padding:12px;margin-top:16px}@media(max-width:800px){.views{display:block}.view{display:none}.view.active{display:block}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.aladin-wrap{height:330px}}
/* Print worksheets */
@page{size:letter portrait;margin:.34in}body.print{background:white;color:#111;font:9pt Arial,sans-serif}.sheet{width:7.82in;height:10.3in;overflow:hidden;margin:auto}.sheet h1{font-size:17pt;margin:0 0 4px;border-bottom:2px solid #203b57;padding-bottom:5px}.sheet h2{font-size:10pt;margin:0 0 7px}.sheet p{margin:4px 0 8px;line-height:1.3}.sheet .frame{border:1px solid #777;padding:9px;min-width:0}.sheet .split{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}.sheet .small{font-size:8pt}.sheet .chart{width:100%;display:block}.sheet .notes-grid{height:3.15in;border:1px solid #888;background-image:linear-gradient(to bottom,transparent 19px,#cdd2d5 20px);background-size:100% 21px}.sheet .sketch{border:1.5px solid #333;border-radius:50%;width:2.55in;height:2.55in;margin:4px auto}.sheet .line{display:inline-block;border-bottom:1px solid #222;height:12px;min-width:66px}.sheet .refgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet .twocharts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet .miniimg{height:2.45in;object-fit:contain;width:100%}.sheet .write{display:flex;gap:15px;justify-content:space-between}.sheet footer{display:flex;justify-content:space-between;margin-top:12px}.sheet .printsurvey{height:1.9in;border:1px dashed #777;background:#f2f4f6;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;color:#555}.sheet .maintext{font-size:9pt}.sheet .leftfacts{padding-right:6px}.sheet .larges{height:3.45in;object-fit:contain;width:100%}.sheet .toprows{display:grid;grid-template-columns:39% 61%;gap:10px;margin-bottom:12px}.sheet .session{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:8pt;line-height:1.9}.sheet .session span.line{min-width:28px}.sheet .formrow{white-space:nowrap}.sheet .formrow .line{flex:1}.sheet .formrow{display:flex;gap:4px;align-items:center}@media screen{body.print{padding:18px}.sheet{border:1px solid #aaa;box-shadow:0 4px 25px #aaa;padding:0;background:white}.printcontrols{margin:auto auto 20px;max-width:7.82in}}@media print{.printcontrols{display:none}.sheet{border:0;box-shadow:none}body.print{margin:0}}

/* v0.3.3: field-log space and print refinements */
.sheet .observation-area{align-items:start;}
.sheet .description-heading{display:flex;align-items:baseline;justify-content:space-between;gap:5px;white-space:nowrap;margin-bottom:6px;}
.sheet .description-heading h2{margin:0;flex:0 0 auto;}
.sheet .observed-status{font-size:7.5pt;flex:0 0 auto;}
.sheet .description-column{min-width:0;}
.sheet .notes-grid{height:4.0in;border:1px solid #999;background-color:white;
 background-image:linear-gradient(to right,rgba(0,0,0,.3) .35px,transparent .35px),linear-gradient(to bottom,rgba(0,0,0,.3) .35px,transparent .35px);
 background-size:.25in .25in;print-color-adjust:exact;-webkit-print-color-adjust:exact;}
.sheet .sketch-signoff{margin-top:16px;display:grid;gap:8px;}
.sheet .sketch-signoff .formrow .line{min-width:0;}

/* v0.3.4 print containment: track widths must include grid gaps. */
.sheet,.sheet *{min-width:0}
.sheet .split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.sheet .toprows{grid-template-columns:minmax(0,39fr) minmax(0,61fr)}
.sheet .twocharts{grid-template-columns:repeat(2,minmax(0,1fr))}
.sheet .chart{min-width:0;max-width:100%;overflow:hidden}
.sheet .chart svg{display:block;width:100%;max-width:100%;height:auto;overflow:visible}
.sheet .session{grid-template-columns:repeat(2,minmax(0,1fr))}
.sheet .session .formrow{min-width:0}
.sheet .description-heading{white-space:normal}
.sheet .observed-status{white-space:nowrap}
@media print{
 .sheet{width:7.82in;max-width:7.82in;height:10.3in;max-height:10.3in;overflow:hidden}
}

.sheet .notes-grid{background-image:none!important;overflow:hidden}
.sheet .notes-grid .grid-ink{display:block;width:100%;height:100%}