` block at the end of this file) .offline / __radar __sweep __ring __core __lede __actions __tips templates/offline.html, the service worker's one stored page .settings-device «تسجيل الخروج من هذا الجهاز» on settings @media (display-mode: standalone) safe-area insets in the installed app PAGE GUIDANCE (an operator page whose objects are not self-evident) .page-lede one sentence under the

saying what the page is for; measure-capped at 74ch details.panel.guide the folded explainer. Collapsed it is one row, so the table it explains stays above the fold:
…
…
.guide__warn the one line in it that warns rather than defines. Pair with a tone class — it reads --tone-*, so it can never drift out of step with the rest of the app's warnings:

.guide__cols auto-fit grid of explanation blocks (no breakpoint: the count is a page fact) .guide__block one block; its h3 takes an icon .guide__list bulleted rules; lifts to full ink .guide__defs status legend — a real .st pill in the

, its meaning in the
. Render the component, never a description of it. .section-head an h2 plus the line saying what the section holds .section-head__note that line PRIMARY ACTION — one panel per page may claim to be the thing to do here .action-panel takes the 3px accent edge (brand colour, which no severity ever is, so it reads "start here" and not "something is wrong") .steps the path in three words each, inline and numbered .action-form fields + submit on one line; stacks under 560px .action-form__grow the field that takes the slack .action-form__narrow a short field (a number, a duration) .action-form__hint the help line UNDER the row. Not a .field-hint inside a label: that makes one label taller and drops the submit below the inputs. SEEKER SETTINGS (templates/seeker_settings.html) .settings-card / .settings-status / .settings-toggle / .switch / .settings-savebar see the "seeker settings" block below .weight-list .weight the "حتى 30 نقطة" pill beside a field name in the explainer. Numbers come from SCORE_WEIGHTS, which is read from scorer.py — never typed in JOURNEY STRIP (templates/_journey.html) .journey the four-step map, on /join, /join/done and every intake page. Include with `journey` set to the current step number: {% set journey = 3 %}{% include "_journey.html" %} .journey__step one step; .is-done / .is-current carry the state .journey__mark __label the numbered disc and the text beside it LANDING PAGE (templates/landing.html — the site root, "/") .landing-shell wider main column than the seeker flow's 780px; set via base_public.html's `main_class` block .landing-hero two columns: copy beside the sample digest .radar-mark the sweeping dish in the eyebrow. The ONLY animation in the app; honours reduced-motion .landing-hero__lede the sentence that has to land, measure-capped .landing-cta the one button, repeated verbatim at the close. Same words both times on purpose .digest / __frame __bar __avatar __bot __badge __bubble __line __caption the signature element: the daily Telegram digest as the chat it arrives in. Its text tracks services/alerts.py::format_digest_ar line for line — change that function, change this .landing-figures live counters (
); rendered only when the inventory is non-empty, see the template .landing-why four claims, each one a thing the pipeline does .landing-steps the four-step path as a numbered
    . NOT .steps: that one is the inline three-word strip above an operator form, and these steps carry a sentence each .landing-proof a replica of the real .job-card, with .landing-proof__tag marking it as an example .faq objections as native
    . No script: the production CSP would refuse an inline handler and a question that will not open is worse than one that is not asked .topbar-cta the header's copy of the CTA (landing + privacy only; hidden under 620px, where .landing-sticky takes over) .landing-sticky phone-only action bar. position:sticky — fixed is broken here, see the note on the rule .landing-close the closing CTA band, the only centred block (there is NO .landing-admin — see the note at the foot of landing.html) PUBLIC JOIN FORM (templates/join.html, join_done.html, privacy.html) .hp-field the honeypot wrapper: clipped (never parked at a negative offset — under RTL that scrolls the page), NOT display:none, and paired with aria-hidden + tabindex="-1" on the markup so no keyboard or screen-reader user can land in it .field-hint help sentence under an input (inside the