/* Generated by tools/cut_launch_appearance.py from the locked palette; do not hand-edit. */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/launch/appearance/manrope-400.woff2') format('woff2'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/launch/appearance/manrope-500.woff2') format('woff2'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('/static/launch/appearance/manrope-600.woff2') format('woff2'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('/static/launch/appearance/manrope-700.woff2') format('woff2'); } /* SLATE TWINS, 2026-10-01 - knowledge/plans/phone-look-consistency-2026-10-01.md, item 0 (RULED 2026-10-01 22:05:48 UTC, his word as typed: "keep") and item 1 (RULED 22:08:28 UTC, his word as typed: "keep"). Every LIVE warm value in this file took its slate twin (hue 205, lightness stepped to hold the warm value's contrast on white - the table is in the plan's Build record) and the cream #FBF6EC took plain white. Comments below that still name a warm value or "cream" are the history of the line, not what it paints now. */ /* RULED 2026-09-30 14:11:05 UTC summary box lighter, rest darker. His words as typed, 14:09:33 UTC: "i'd like the area with printed summary like flow rate, wel depth to be shown on th elighter background than the surrounding background", and 14:11:05 UTC "so make backround darker and adjust other colors for that as needed". The record's page takes #FAF6EB and the summary box goes white; the line and the bar are re-derived on the new page (1.3305 and 1.5320, the ruled 1.33 and 1.53); the stripes go white on screen (were #F5F2EA, which no longer showed; see their line) and the tile lines inside the white box take #E4DFD2. The shades are CLAUDE'S CALL (the Soft design). Each changed line names its old value; the print block at the end keeps paper as it was. */ /* RULED 2026-09-30 20:20:58 UTC "go with slate": the record's page is the Slate ground and the help-note edge the Slate edge. Was --paper:#FAF6EB and --bar:#CDC9BE (the Soft design), and --paper:#fff; --hairline:#E2DCCE; --bar:#D2CEC2 before that. */ :root{--paper:#E4E9EC;--ink:#17242E;--water:#17242E;--slate:#5B6B76;--hairline:#D2D8DD;--bar:#8A9AA5;} body,#record.sheet,#record.sheet *{font-family:"Manrope",sans-serif!important;font-synthesis:none!important;} body,#record.sheet{background:#E4E9EC!important;color:#17242E!important;} /* RULED 2026-09-30 20:20:58 UTC "go with slate"; was #FAF6EB, and #fff before */ #record.sheet{padding-left:18px!important;padding-right:18px!important;} #record.sheet h1{font-size:23px!important;line-height:30px!important;font-weight:600!important;letter-spacing:-.35px!important;color:#17242E!important;} #record.sheet h2{font-size:22px!important;line-height:30px!important;font-weight:600!important;color:#17242E!important;} #record.sheet .masthead{border-color:#D2D8DD!important;} /* was #E2DCCE */ #record.sheet .masthead-meta{font-size:15px!important;line-height:22px!important;color:#5B6B76!important;} #record.sheet .context{font-size:16px!important;line-height:24px!important;color:#5B6B76!important;} /* RULED 2026-09-30 20:09:07 UTC, his word as typed: "1" - the field names take the set's anchor colour, the ink on Slate; was #5B6B76 */ #record.sheet .fact .f-label,#record.sheet .kv td.k,#record.sheet .test-sect{font-size:15px!important;line-height:22px!important;font-weight:500!important;color:#17242E!important;} /* RULED 2026-09-30 20:23:46 UTC, his words as typed: "20 px with equal tiles" - every value in the summary box one size, 20 px on a 28 px line, weight 600; the names and the small line under a value stay 15 px. Was 23/30 (numbers), 19/28 (words), 17/26 (Not recorded). */ #record.sheet .fact .f-value{font-size:20px!important;line-height:28px!important;font-weight:600!important;color:#17242E!important;} #record.sheet .fact .f-value.word{font-size:20px!important;line-height:28px!important;} #record.sheet .fact .f-value.notrec{font-size:20px!important;line-height:28px!important;} #record.sheet .fact .f-sub{font-size:15px!important;line-height:22px!important;color:#5B6B76!important;} #record.sheet .facts{border-color:#D2D8DD!important;} /* was #E2DCCE */ #record.sheet .fact{border-color:#DBE0E3!important;} /* the tile lines INSIDE the white box - CLAUDE'S CALL 2026-09-30 inside his 14:11:05 UTC "adjust other colors for that as needed": #DCD7CA was derived on the darker page and reads 1.4368 on the box's white, stronger than the ruled about 1.33; #E4DFD2 is 1.3304 on white. The box's own edge (.facts, above) sits on the page and keeps #DCD7CA. Was #DCD7CA (and #E2DCCE before that). The tiles' explanation bar follows in the well page itself (.fact --bar #D4D1C5) and, on a phone, in study.js. */ #record.sheet .kv td.v{font-size:18px!important;line-height:26px!important;color:#17242E!important;} #record.sheet table.data th{font-size:15px!important;font-weight:600!important;color:#17242E!important;background:#D3DBE0!important;} /* RULED 2026-09-30 20:20:58 UTC "go with slate": the Slate band with ink words (20:09:07 "1" too); was #5B6B76 on #EFEAE0 */ #record.sheet table.data td{color:#17242E!important;} #record.sheet table.data tbody tr:nth-child(even){background:#FFFFFF!important;} /* the striped rows are WHITE - CLAUDE'S CALL 2026-09-30 inside his 14:11:05 UTC "adjust other colors for that as needed" (option c in output/summary-box-20260930/fix-r2): the old #F5F2EA sat only 2.09 from the darker page #FAF6EB (6.16 on the old white page), so on screen the stripes had vanished; white is 6.55 from the page and stays clear of the table head #EFEAE0 (these tables have no thead, so the head is the body's first row and the first striped row sits right under it - a stripe in the head's own beige merged the two, 0.00). Was #F5F2EA - put it back to restore. PAPER keeps #F5F2EA: see the print block at the end. */ #record.sheet>section>h2{background:#D3DBE0!important;border-color:#D3DBE0!important;} /* RULED 2026-09-30 20:20:58 UTC "go with slate": the Slate band; was #EFEAE0 and #E2DCCE */ #record.sheet .multi-banner{background:#D3DBE0!important;} /* the band too, as in the ten-set pictures */ #record.sheet.explain :is(.f-help,.field-help,.section-help,.tag-gloss){color:#5B6B76!important;} #record.sheet .facts{background:#FFFFFF!important;border:1px solid #D2D8DD!important;box-shadow:none!important;border-radius:12px!important;padding:10px 12px!important;column-gap:14px!important}#record.sheet .fact{border-right:0!important}#record.sheet>section>h2{border:0!important;border-radius:7px!important} /* the summary box on this line: was background #F5F2EA and edge #E2DCCE; box-shadow:none is new - it cancels the outset white ring the well page draws for itself when opened alone, which this 12 px box does not use */ #record.sheet h1{font-size:22px!important} #record.sheet .facts{background:#FFFFFF!important} /* was #F5F2EA */ /* PAPER: the record in the panel prints as it did - white, today's lines and bars (RULED 2026-09-30 14:11:05 UTC summary box lighter, rest darker is about the screen; this layer has no media query, so without this block a printer set to print backgrounds would lay the darker page on the sheet). */ @media print{:root{--paper:#fff;--hairline:#D8DDE1;--bar:#C8CFD5}body,#record.sheet{background:#fff!important}#record.sheet table.data tbody tr:nth-child(even){background:#EFF3F5!important}} /* the stripes print #F5F2EA on the white sheet, as before 2026-09-30 - white stripes are for the darker screen page only */ /* ==== THE PHONE LOOK MADE CONSISTENT - knowledge/plans/phone-look-consistency-2026-10-01.md ==== Items 2 and 6-8, each RULED 2026-10-01 on his walk, his word as typed each time: "keep" (item 2 22:10:00, item 6 22:18:57, item 7 22:20:38, item 8 22:23:02 UTC). This file is now the ONE source of the record's phone look on both surfaces: appearance.js lays it into the record inside the map's panel, and the well page opened on its own links the same made file (static/launch/appearance/record.css) for phone screens. The lines below are scoped to a PHONE: html.concept-phone-report is the class concepts.js puts on the record when the map page is in its phone arrangement, and html.wr-alone is the class the well page puts on itself when it is opened on its own (its link to this file only applies under 760 px). The computer's panel - a 370-410 px frame that a width test cannot tell from a phone - carries neither, so it is left as it is. The target is the panel's own look, so the panel itself does not change here except where an item says so. */ /* EVERY SCREEN since 2026-10-04 - RULED, his words as typed (UTC): 12:19:06 "Change design of normal well report so it's same as pop up card in mobile. Right now it's all stake doesn't look good"; 12:20:28 "Yes" to Claude's reading (the white-card look on the computer too - the well's own page and the record beside the map); 12:32:26 "Yes" to the try-out picture output/computer-cards-20261004/alone-*-before-after.png. It withdraws the "phone only" half of the lines above (CLAUDE'S CALL of 2026-10-01, never his ruling). The scope on every line below was ":is(html.concept-phone-report,html.wr-alone)"; it is now ":is(html,html.wr-alone)" - every record on every screen, the second arm kept only so each line weighs exactly what it did (a class and an element). The well page alone links this file at every screen width from the same day (templates/public/well.html). */ @media screen{ :is(html,html.wr-alone) #record.sheet :is(.fact .f-label,.kv td.k,.test-sect){font-size:15px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:#17242E!important;} :is(html,html.wr-alone) #record.sheet table.data th{text-transform:none!important;letter-spacing:0!important;} /* the rounded section bands of B's layout (locked 2026-09-15), at the family's 12 px (item 2; was 7 px), and none of the short dark bar or the thin line the page alone drew under its headings */ /* RULED 2026-10-01 21:32:26 UTC, his word as typed: "B" (knowledge/plans/record-white-cards-2026-10-01.md), to his 21:24:56 "i wonder if the info can be presented on light background in similar cases like the summary?": each section is one white card like the summary box, its band the card's flush top strip. The edge (#D2D8DD) and the 12 px corners are the summary box's own; the 12 px inside space, which lines the band's words up with the rows, is CLAUDE'S CALL. The two lines above them drew the section straight on the page and the band as a rounded 12 px strip ("margin:0 0 10px", "border-radius:12px", "padding:7px 10px") until this ruling. */ :is(html,html.wr-alone) #record.sheet>section{margin-top:24px!important;padding:0 12px 4px!important;border:1px solid #D2D8DD!important;border-radius:12px!important;background:#FFFFFF!important;overflow:hidden!important;} :is(html,html.wr-alone) #record.sheet>section>h2{padding:7px 12px!important;margin:0 -12px 10px!important;border:0!important;border-radius:0!important;background:#D3DBE0!important;} :is(html,html.wr-alone) #record.sheet h2::after{display:none!important;} :is(html,html.wr-alone) #record.sheet .masthead{border-bottom:1px solid #D2D8DD!important;} :is(html,html.wr-alone) #record.sheet footer.record-foot{border-top:0!important;} /* The summary box on the well page alone at computer width: two tiles a row, as in the panel and on a phone. The box's dividing lines in this file are drawn for two columns (odd tile no left line, a top line from the third tile on); the page alone is three across above 640 px, and under them its lines came out uneven (the try-out picture of 2026-10-04 12:3x UTC shows it). CLAUDE'S CALL inside his "same as pop up card in mobile", told to him. */ @media (min-width:760px){html.wr-alone #record.sheet .facts{grid-template-columns:1fr 1fr!important;}html.wr-alone #record.sheet .fact:nth-child(odd){padding-left:0!important;}html.wr-alone #record.sheet .fact:nth-child(even){padding-left:14px!important;}} /* 760 px and up only: under it the phone's equal tiles (RULED 2026-09-30 20:23:46 UTC) keep their own spacing */ /* item 7: "Not recorded" in the secondary grey, upright, at the weight of the value it stands in for - 600 in a summary tile, the body's 400 everywhere else. Supersedes Claude's own C2-6 "grey italic" (never his ruling) and, for its COLOUR only, the ink the tiles took on 2026-09-30 20:23:46 UTC ("20 px with equal tiles" - the size and weight of that ruling stay). */ :is(html,html.wr-alone) #record.sheet .notrec{color:#5B6B76!important;font-style:normal!important;font-weight:400!important;} :is(html,html.wr-alone) #record.sheet .fact .f-value.notrec{color:#5B6B76!important;font-style:normal!important;font-weight:600!important;} /* item 8: one tag look - the panel's white plate, at the small-chip corner (8 px; was 5 px). Closes question 44. */ :is(html,html.wr-alone) #record.sheet .tagplate{background:#FFFFFF!important;background-image:none!important;border:1px solid #D2D8DD!important;box-shadow:none!important;border-radius:8px!important;color:#17242E!important;} :is(html,html.wr-alone) #record.sheet .tagplate *{color:#17242E!important;text-shadow:none!important;} } /* ITEM 7 - "Not recorded" takes the size of the value it stands in for (RULED 2026-10-01 22:20:38 UTC, his word as typed: "keep"). The line came in beside the one ladder of text sizes (item 9, RULED 22:26:02 UTC, his word as typed: "drop" - those sizes went back); it is item 7's "the value's size", so it alone stays. */ @media screen{ :is(html,html.wr-alone) #record.sheet .notrec:not(.f-value){font-size:inherit!important;} } /* SLATE TWINS, 2026-10-01 - knowledge/plans/phone-look-consistency-2026-10-01.md, item 0 (RULED 2026-10-01 22:05:48 UTC, his word as typed: "keep") and item 1 (RULED 22:08:28 UTC, his word as typed: "keep"). Every LIVE warm value in this file took its slate twin (hue 205, lightness stepped to hold the warm value's contrast on white - the table is in the plan's Build record) and the cream #FBF6EC took plain white. Comments below that still name a warm value or "cream" are the history of the line, not what it paints now. */ /* Selected two-column fact layout: each shared edge is drawn once. The inherited three-column border selectors and the study's 14px gutter left broken row rules and missing/misplaced vertical segments. */ #record.sheet .facts { column-gap: 0 !important; row-gap: 0 !important; } #record.sheet .fact { border: 0 !important; } #record.sheet .fact:nth-child(even) { border-left: 1px solid #DBE0E3 !important; /* inside the white box - CLAUDE'S CALL 2026-09-30 inside his 14:11:05 UTC "adjust other colors for that as needed": 1.3304 on white, the ruled about 1.33 (#DCD7CA was derived on the darker page and read 1.4368 here); was #DCD7CA, and #E2DCCE before that */ } #record.sheet .fact:nth-child(n+3) { border-top: 1px solid #DBE0E3 !important; /* inside the white box - CLAUDE'S CALL 2026-09-30 inside his 14:11:05 UTC "adjust other colors for that as needed": 1.3304 on white, the ruled about 1.33 (#DCD7CA was derived on the darker page and read 1.4368 here); was #DCD7CA, and #E2DCCE before that */ }