日常は、もっと良くなる。
暮らしの質は、住まいの性能で変わります。
面の主役は #f5f1e9（69 要素で最多）。締めに金茶 #c8bb91 を置く。赤は見出し #d75c65 / バッジ #f01236 / 下層の CTA #cb3523 の3つあり、用途が違うので統合しない。
ページ背景は白。viewportTopByArea の 1 位はヘッダーの #f5f1e9（675,000px²）だが、これはヘッダーの面であってページの地色ではない。heroCovered は false、body に #ffffff が直接入っている。
ページによって本文色が違う。トップは #222222（430 要素）、/technology/ は #2c2b26（135 要素）。どちらかに統一するなら #222222 に寄せる。
YakuHanJP, "Noto Sans JP", sans-serif が 613/617 要素。YakuHanJP は 「、。「」（）・：；」などの約物だけを収録したサブセットフォントで、先頭に置くと約物のアキだけが詰まり、かな漢字は Noto Sans JP が描く。palt を使わずに約物を詰める手段。
letter-spacing は em 宣言 → px 継承。実測の 0.44px(11px) / 0.64px(16px) / 1.28px(32px) をそれぞれのサイズで割ると すべて 0.04em に揃う。4.8px(24px) と 6.4px(32px) は 0.2em、5.12px(32px) は 0.16em。px の数値をそのままコピーせず、em で書くこと。
body は letter-spacing: normal（483/617 要素）。字間は見出しごとに個別指定する。body に 1 回書いて継承させる設計とは逆。字空けは 0.04em（本文・タグ）→ 0.16em → 0.2em（大見出し）の3段階で、小さいラベルには負の字間（12px で -0.1em、30px のタブで -0.02em）。
font-feature-settings は 2 ページとも 0 要素。palt も tnum も使っていない。約物のアキは YakuHanJP が処理しているので、palt を重ねると二重に詰まる。
ヒーローの実測値は 41.2272px / 2.8859px。これは vw 由来の流体サイズの端数（ビューポート 1440px での値）。固定 px で書き写さず、clamp() か vw で組むこと。このプレビューは clamp(28px, 2.86vw, 41.23px) で再現している。
@font-face の宣言数と loaded は一致しない。YakuHanJP は 7 ウェイト宣言で loaded は 400 と 700 だけ。Noto Sans JP は 300/400/500/700 宣言でトップは 400/500/700 が loaded。Noto Serif JP は全ウェイト unloaded なので使わないこと。
同一サイト内にフォントスタックが 2 系統ある。トップは 3 段（YakuHanJP, "Noto Sans JP", sans-serif）、/technology/ は OS フォントまで並べた 6 段（69 要素）。新規実装ではどちらかに統一する。短い方（トップ）が新しい。
トップの主 CTA は 6 種類とも同じ白地 ＋ 1px solid #000000 ＋ border-radius: 30px ＋ padding: 12px 40px 13px。面色の CTA（#cb3523）は /technology/ 以下にしか出ない。
企画コンテンツの枠ボタンは、枠線の色だけ 3 色に出し分けている（#74b2b4 青緑 / #d0b904 黄 / #b8ada2 グレー）。面と文字は共通で、色は「どの連載か」を示す記号として使われている。
写真カードは border-radius: 5px ＋ 0 0 5px 3px rgba(0,0,0,0.1)。オフセット 0・ぼかし 5px・広がり 3px という珍しい形で、落ち影ではなく周囲に均等ににじむ。
ナイトストーンに加え、やわらかな色調の新色が登場しました。
北欧の暮らしやデザイン、その豊かなシーンを愉しむ住まいです。
全国で発生する豪雨や洪水による水害から暮らしを守ります。
/technology/ は番号を Inter の weight 100 で 54〜64px に置き、右に技術名（24px / 700 / #3b8e48）と説明（16px / -0.044em）を並べる。コンテナは 1220px とトップより広い。
お知らせは 16px / line-height: 2。入力欄は border-radius: 8px で、font-family は和文のスタックが継承されている（実サイトのフォーム要素も和文で揃っている）。
トップの影は 42 要素で事実上 1 種。/technology/ は 影が 0 種。ボタン・タグ・タブはすべてフラット。
トップのコンテナは 1000px（実測 13 要素で最多）。/technology/ は 1220px（5 要素）とトップより広い。列の gap に 3.3% という相対値を使う箇所もある。
ブレークポイントは screen and (max-width: 768px) が 334 回で圧倒的に最多。デスクトップファースト（max-width 優先）で軸は 768px 1 本だが、390px の第 2 軸が 31 回あり、小さい端末で文字サイズと余白を追い込んでいる。ホバーは (hover) と (hover: hover) and (pointer: fine) を併用し、タッチ端末でホバー効果が残らないようにしている。
タグのタッチターゲットが足りない。主 CTA（12px 40px 13px / 18px）は約 52px 高で満たすが、タグ（7px 8px / 11px）は約 30px 高で 44px を下回る。VIEW MORE（10px）も単独では小さすぎるので、カード全体をタップ領域にすること。