@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ===== 総合評価：ドーナツゲージ（SVG） ===== */
.scoreGauge{
  /* サイズと線幅をCSS変数で管理（運用で調整しやすくする） */
  --size:180px; --thickness:12px;

  /* ゲージの描画領域（正方形） */
  width:var(--size); height:var(--size);

  /* 中央の数値を絶対配置するための基準 */
  position:relative;

  /* ページ中央寄せ＋上下余白 */
  margin:30px auto 30px;
}

/* SVG全体：上を開始点にするため-90度回転＋薄い発光影 */
.scoreGauge__svg{
  width:100%;
  height:100%;
  transform:rotate(-90deg);
  filter:drop-shadow(0 0 10px rgba(56,189,248,.20));
}

/* 背景リング（薄いトラック） */
.scoreGauge__track{
  fill:none;
  stroke:rgba(229,231,235,.12);
  stroke-width:var(--thickness);
  stroke-linecap:round;
  /* 100を1周として扱う前提（pathLength=100と合わせる） */
  stroke-dasharray:100;
  stroke-dashoffset:0;
}

/* 進捗リング（スコア分だけ表示する前面リング） */
.scoreGauge__progress{
  fill:none;
  /* SVG側のlinearGradient（scoreGrad）を使用 */
  stroke:url(#scoreGrad);
  stroke-width:var(--thickness);
  stroke-linecap:round;
  /* 初期は100%隠しておき、JSでdashoffsetを減らして表示する */
  stroke-dasharray:100;
  stroke-dashoffset:100;
  /* スコア反映時のヌルっとアニメーション */
  transition: stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1);
}

/* 中央の数値ブロック（ゲージ中央に配置） */
.scoreGauge__center{
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  text-align:center;
}

/* 中央スコア（大きく強調） */
.scoreGauge__num{
  font-size:44px;
  line-height:1;
  color:#E5E7EB;
  font-weight:900;
  letter-spacing:.5px;
}

/* /100 などの単位（控えめ） */
.scoreGauge__unit{
  margin-top:6px;
  font-size:12px;
  color:rgba(229,231,235,.7);
}

/* ===== レーダーチャート表示領域の高さ（項目が多いので縦を確保） ===== */
.radarWrap{
  height: 520px;
}

/* ===== 投稿ページ：タイトル下のカテゴリ/タグの文字サイズ調整 ===== */
.single .p-articleMetas.-top .c-categoryList__link,
.single .p-articleMetas.-top .c-tagList__link{
  font-size:14px;
}

/* ===== 投稿ページ：本文内のタイトル（H1）を非表示 ===== */
.single .c-postTitle{
  display:none;
}

/* ===== 投稿下部のカテゴリ/タグ一覧を非表示（強制） ===== */
.single .p-articleFoot .c-categoryList,
.single .p-articleFoot .c-tagList{
  display:none !important;
}

#content.l-content{
  padding-top: 0px;
}