/*
Theme Name: The Family Album
Theme URI: https://thomaslovesaudra.com
Author: Thomas & Audra Frangipani
Description: A warm heritage theme for Thomas & Audra's Story — a 1:1 build of the approved "Family Album" mockup (Direction 01): paper, terracotta and olive; a pinned featured story; chapters; a Listen shelf for the narration recordings; and a signature sign-off.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: family-album
Tags: one-column, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

/* ================================================================
   THE FAMILY ALBUM — design tokens & layout
   Values are taken 1:1 from the approved mockup (Direction 01).
   The mockup sizes everything in cqw (container-query width units)
   against its frame; this theme preserves that system by making
   .fa-site a CSS container, so proportions match the mockup at
   any viewport width. The container is capped at 1180px — the
   mockup frame's width — so type never grows past the approved
   rendering on very wide screens.
   ================================================================ */

.fa-site{
  --paper:#f8f2e4; --paper2:#fdfaf2; --ink:#2c2115; --soft:#6f5f49; --terra:#a34d21; --olive:#5d6b3f; --rule:#ddd0b8;
  container-type:inline-size;
  max-width:1180px; margin:0 auto;
  background:var(--paper2); color:var(--ink);
  font-family:"Source Serif 4", Georgia, serif;
  font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body{ background:#fdfaf2; }
.fa-site *, .fa-site *::before, .fa-site *::after{ box-sizing:border-box; }
.fa-site img{ display:block; max-width:100%; height:auto; }
.fa-site a{ color:var(--terra); }

/* ---------- accessibility helpers ---------- */
.fa-site .screen-reader-text{
  position:absolute !important; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.fa-site .screen-reader-text:focus{
  position:static !important; width:auto; height:auto; margin:0; overflow:visible;
  clip:auto; white-space:normal;
}
.fa-site .skip-link{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--ink); color:var(--paper2); padding:.6em 1.2em;
  font-family:"Archivo", sans-serif; font-size:.85rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
}
.fa-site .skip-link:focus{ left:0; }
.fa-site a:focus-visible, .fa-site button:focus-visible, .fa-site input:focus-visible{
  outline:2px solid var(--terra); outline-offset:3px; border-radius:4px;
}

/* ---------- masthead ---------- */
.a-top{ text-align:center; padding:3.4cqw 4cqw 0; }
.a-top .est{ font-family:"Archivo", sans-serif; font-size:1.15cqw; font-weight:600; letter-spacing:.34em; text-transform:uppercase; color:var(--soft); margin:0; }
.a-top .site-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:5.6cqw; line-height:1.05; margin:1.2cqw 0 .6cqw; }
.a-top .site-title a{ color:inherit; text-decoration:none; }
.a-top .site-title em{ font-style:italic; color:var(--terra); }
.a-top .tagline{ font-style:italic; font-size:1.9cqw; color:var(--soft); margin:0; }
.a-rule{ display:flex; align-items:center; gap:1.6cqw; margin:2.6cqw 4cqw 0; color:var(--olive); }
.a-rule::before,.a-rule::after{ content:""; flex:1; border-top:1px solid var(--rule); }
.a-rule span{ font-size:1.7cqw; }

/* ---------- primary nav (mockup .a-nav) ---------- */
.a-nav{ padding:1.7cqw 3cqw 2cqw; font-family:"Archivo", sans-serif; font-size:1.35cqw; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); }
.a-nav ul{ display:flex; justify-content:center; flex-wrap:wrap; gap:.6cqw 3.2cqw; margin:0; padding:0; list-style:none; }
.a-nav li{ margin:0; padding:0; }
.a-nav a{ color:inherit; text-decoration:none; }
.a-nav a:hover{ color:var(--terra); }
.a-nav .current-menu-item > a, .a-nav .current_page_item > a, .a-nav a.on{ color:var(--terra); }

/* ---------- hero (pinned featured story) ---------- */
.a-hero{ position:relative; margin:0 4cqw; border-radius:1.2cqw; overflow:hidden; }
.a-hero > a{ display:block; color:inherit; text-decoration:none; }
.a-hero img{ width:100%; aspect-ratio:16/8.2; object-fit:cover; }
.a-hero .cap{
  display:block;
  position:absolute; left:3cqw; bottom:3cqw; max-width:62%;
  background:rgba(253,250,242,.94); border-radius:1cqw; padding:2.2cqw 2.6cqw;
}
.a-hero .kick{ display:block; font-family:"Archivo", sans-serif; font-size:1.2cqw; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--terra); margin:0 0 .8cqw; }
.a-hero .fa-hero-title{ display:block; font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:3.3cqw; line-height:1.12; margin:0 0 .8cqw; }
.a-hero .fa-hero-lines{ display:block; font-size:1.55cqw; line-height:1.45; color:#4c3f2d; margin:0; }
.a-hero p{ font-size:1.55cqw; line-height:1.45; color:#4c3f2d; margin:0; }
.a-hero .standfirst{
  display:block;
  font-style:italic; font-size:1.55cqw; line-height:1.45; color:#4c3f2d;
  margin:1.1cqw 0 0; padding-left:1.4cqw; border-left:3px solid var(--terra);
}
.a-hero > a:hover .fa-hero-title{ text-decoration:underline; text-decoration-color:var(--terra); text-underline-offset:.18em; }
.a-hero--noimg{ background:var(--paper); border:1px solid var(--rule); }
.a-hero--noimg .cap{ position:static; max-width:none; background:transparent; }

/* ---------- sections & cards ---------- */
.a-sec{ padding:3.6cqw 4cqw 0; }
.a-sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:2cqw; border-bottom:2px solid var(--ink); padding-bottom:1.1cqw; margin-bottom:2.4cqw; }
.a-sec-head .fa-sec-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.5cqw; margin:0; }
.a-sec-head a{ font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--terra); text-decoration:none; white-space:nowrap; }
.a-sec-head a:hover{ text-decoration:underline; }
.a-sec .fa-sec-intro{ font-size:1.55cqw; color:#55472f; margin:0 0 2.6cqw; max-width:40em; }

.a-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:2.6cqw; }
.a-card a{ color:inherit; text-decoration:none; display:block; }
.a-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:.8cqw; }
.a-card .cat{ font-family:"Archivo", sans-serif; font-size:1.15cqw; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--olive); margin:1.4cqw 0 .5cqw; }
.a-card .fa-card-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.05cqw; line-height:1.2; margin:0 0 .6cqw; }
.a-card a:hover .fa-card-title{ text-decoration:underline; text-decoration-color:var(--terra); text-underline-offset:.18em; }
.a-card p{ font-size:1.45cqw; line-height:1.5; color:#55472f; margin:0 0 .7cqw; }
.a-card .date{ font-family:"Archivo", sans-serif; font-size:1.15cqw; color:var(--soft); letter-spacing:.04em; margin:0; }

/* ---------- listen shelf ---------- */
.a-listenrow{ margin:0 4cqw 2cqw; background:var(--paper); border:1px solid var(--rule); border-radius:1.2cqw; padding:2.4cqw 2.8cqw; }
.a-sec .a-listenrow{ margin-left:0; margin-right:0; }
.a-listenrow .fa-listen-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.2cqw; margin:0 0 .4cqw; }
.a-listenrow > p{ font-size:1.45cqw; color:#55472f; margin:0 0 1.6cqw; }
.a-listenrow audio{ width:100%; display:block; }
.fa-site audio{ accent-color:var(--terra); }

/* ---------- archive invitation (front page) ---------- */
.fa-years{ display:flex; flex-wrap:wrap; gap:.8cqw 2cqw; margin:0; padding:0; list-style:none;
  font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.fa-years a{ color:var(--terra); text-decoration:none; }
.fa-years a:hover{ text-decoration:underline; }

/* ---------- list rows (archive / more / search) ---------- */
.a-list{ padding:0 4cqw; }
.a-row{ display:flex; gap:2.4cqw; align-items:center; padding:1.8cqw 0; border-bottom:1px solid var(--rule); color:inherit; text-decoration:none; }
a.a-row:hover .fa-row-title{ color:var(--terra); }
.a-row img{ width:11cqw; aspect-ratio:4/3; object-fit:cover; border-radius:.7cqw; flex:none; }
.a-row .fa-row-main{ flex:1; min-width:0; }
.a-row .cat{ display:block; font-family:"Archivo", sans-serif; font-size:1.1cqw; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--olive); margin:0 0 .4cqw; }
.a-row .fa-row-title{ display:block; font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2cqw; line-height:1.2; margin:0 0 .4cqw; }
.a-row .fa-row-excerpt{ display:block; font-size:1.35cqw; color:#55472f; margin:0; }
.a-row p{ font-size:1.35cqw; color:#55472f; margin:0; }
.a-row .date{ font-family:"Archivo", sans-serif; font-size:1.15cqw; color:var(--soft); white-space:nowrap; margin-left:auto; flex:none; }

/* ---------- story / single view ---------- */
.a-back{ font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--terra); display:inline-block; margin:2.6cqw 4cqw 0; text-decoration:none; }
.a-back:hover{ text-decoration:underline; }
.a-story{ padding:0 4cqw 1cqw; }
.a-story .cat{ font-family:"Archivo", sans-serif; font-size:1.2cqw; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--olive); margin:1.6cqw 0 .7cqw; }
.a-story .fa-story-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:3.9cqw; line-height:1.12; margin:0 0 1cqw; max-width:20em; }
.a-story .meta{ font-family:"Archivo", sans-serif; font-size:1.25cqw; color:var(--soft); margin:0 0 2.2cqw; }
.a-story .meta a{ color:inherit; }
.a-story img.lead{ width:100%; aspect-ratio:16/8.5; object-fit:cover; border-radius:1cqw; margin-bottom:2.4cqw; }
.a-story .playerbox{ background:var(--paper); border:1px solid var(--rule); border-radius:1.2cqw; padding:2.2cqw 2.6cqw; margin:0 0 2.4cqw; }
.a-story .playerbox .plabel{ font-family:"Archivo", sans-serif; font-size:1.15cqw; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--terra); margin:0 0 1.2cqw; }
.a-story .playerbox audio{ width:100%; display:block; }

/* post body — content renders verbatim; only presentation is styled */
.fa-story-body{ font-size:1.7cqw; line-height:1.65; color:#3d3520; }
.fa-story-body p{ margin:0 0 1.6cqw; max-width:38em; }
.fa-story-body > p:first-of-type::first-letter{
  font-family:"Newsreader", Georgia, serif; font-size:3.2em; float:left;
  line-height:.82; padding:.06em .12em 0 0; color:var(--terra);
}
.fa-story-body a{ color:var(--terra); }
.fa-story-body img{ border-radius:.8cqw; margin:0 0 1.6cqw; }
.fa-story-body img.alignleft{ float:left; margin:.3cqw 2cqw 1.6cqw 0; }
.fa-story-body img.alignright{ float:right; margin:.3cqw 0 1.6cqw 2cqw; }
.fa-story-body img.aligncenter{ margin-left:auto; margin-right:auto; }
.fa-story-body figure{ margin:0 0 1.6cqw; max-width:100%; }
.fa-story-body figcaption, .fa-story-body .wp-caption-text{
  font-family:"Archivo", sans-serif; font-size:1.15cqw; color:var(--soft); margin-top:.6cqw;
}
.fa-story-body blockquote{
  margin:0 0 1.6cqw; padding:.4cqw 0 .4cqw 2.2cqw; max-width:36em;
  border-left:3px solid var(--terra); font-style:italic; color:#4c3f2d;
}
.fa-story-body blockquote p{ margin-bottom:.8cqw; }
.fa-story-body h2, .fa-story-body h3, .fa-story-body h4{
  font-family:"Newsreader", Georgia, serif; font-weight:600; line-height:1.2; color:var(--ink); margin:2.2cqw 0 1cqw; max-width:30em;
}
.fa-story-body h2{ font-size:2.6cqw; } .fa-story-body h3{ font-size:2.2cqw; } .fa-story-body h4{ font-size:1.9cqw; }
.fa-story-body ul, .fa-story-body ol{ margin:0 0 1.6cqw; padding-left:2.4cqw; max-width:38em; }
.fa-story-body li{ margin-bottom:.5cqw; }
.fa-story-body hr{ border:none; border-top:1px solid var(--rule); margin:2.6cqw 0; }
.fa-story-body audio, .fa-story-body .wp-audio-shortcode{ width:100%; max-width:38em; margin:0 0 1.6cqw; display:block; }
.fa-story-body iframe{ max-width:100%; }
.fa-story-body .gallery{ display:flex; flex-wrap:wrap; gap:1.2cqw; margin:0 0 1.6cqw; }
.fa-story-body .gallery img{ margin:0; }
.fa-story-body table{ border-collapse:collapse; margin:0 0 1.6cqw; font-size:1.45cqw; }
.fa-story-body th, .fa-story-body td{ border:1px solid var(--rule); padding:.6cqw 1cqw; text-align:left; }
.fa-story-body pre{ background:var(--paper); border:1px solid var(--rule); border-radius:.8cqw; padding:1.6cqw; overflow:auto; font-size:1.3cqw; max-width:38em; }

/* prev / next + more from the journal */
.fa-prevnext{ display:flex; justify-content:space-between; gap:2cqw; margin:2.6cqw 4cqw 0; }
.fa-prevnext a{ font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--terra); text-decoration:none; max-width:46%; }
.fa-prevnext a:hover{ text-decoration:underline; }
.fa-prevnext .fa-next{ margin-left:auto; text-align:right; }
.a-more{ padding:2.6cqw 4cqw 0; }
.a-more .fa-more-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.2cqw; margin:0 0 1cqw; border-top:2px solid var(--ink); padding-top:2cqw; }
.a-more .a-list{ padding:0; }

/* ---------- search form (archive page / search results) ---------- */
.fa-search{ margin:2.2cqw 4cqw 0; display:flex; gap:1.2cqw; }
.a-sec .fa-search, .a-story .fa-search{ margin-left:0; margin-right:0; }
.fa-years--spaced{ margin-top:2.2cqw !important; }
.fa-search input[type="search"]{
  flex:1; font-family:"Source Serif 4", Georgia, serif; font-size:1.5cqw;
  padding:1.3cqw 1.8cqw; border:1px solid var(--rule); border-radius:999px;
  background:var(--paper2); color:var(--ink);
}
.fa-search button{
  font-family:"Archivo", sans-serif; font-size:1.3cqw; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  background:var(--ink); color:var(--paper2); border:none; border-radius:999px; padding:1.3cqw 2.4cqw; cursor:pointer;
}
.fa-search button:hover{ background:var(--terra); }
.fa-noresults{ padding:2.4cqw 4cqw; font-size:1.5cqw; color:#55472f; }

/* year headings on the archive page */
.fa-year{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.5cqw; margin:3cqw 4cqw 0; padding-bottom:1.1cqw; border-bottom:2px solid var(--ink); }
.a-list .fa-year{ margin-left:0; margin-right:0; }

/* ---------- pagination ---------- */
.fa-pagination{ padding:2.6cqw 4cqw 0; font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.fa-pagination .page-numbers{ display:inline-block; margin:0 .4cqw; padding:.6cqw 1.1cqw; color:var(--terra); text-decoration:none; }
.fa-pagination .page-numbers.current{ color:var(--ink); border-bottom:2px solid var(--terra); }
.fa-pagination a.page-numbers:hover{ text-decoration:underline; }

/* ---------- comments (minimal; the mockup has no comment design) ---------- */
.fa-comments{ padding:2.6cqw 4cqw 0; }
.fa-comments .fa-comments-title{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.2cqw; border-top:2px solid var(--ink); padding-top:2cqw; margin:0 0 1.4cqw; }
.fa-comments .comment-list{ list-style:none; margin:0 0 2cqw; padding:0; }
.fa-comments .comment{ border-bottom:1px solid var(--rule); padding:1.4cqw 0; }
.fa-comments .comment-meta{ font-family:"Archivo", sans-serif; font-size:1.15cqw; color:var(--soft); }
.fa-comments .comment-body p{ font-size:1.45cqw; color:#3d3520; max-width:38em; }
.fa-comments label{ font-family:"Archivo", sans-serif; font-size:1.15cqw; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--soft); }
.fa-comments input[type="text"], .fa-comments input[type="email"], .fa-comments input[type="url"], .fa-comments textarea{
  width:100%; max-width:38em; display:block; margin:.5cqw 0 1.4cqw; padding:1cqw 1.4cqw;
  border:1px solid var(--rule); border-radius:.8cqw; background:var(--paper2);
  font-family:"Source Serif 4", Georgia, serif; font-size:1.45cqw; color:var(--ink);
}
.fa-comments .submit{
  font-family:"Archivo", sans-serif; font-size:1.3cqw; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  background:var(--ink); color:var(--paper2); border:none; border-radius:999px; padding:1.2cqw 2.4cqw; cursor:pointer;
}
.fa-comments .submit:hover{ background:var(--terra); }

/* ---------- footer sign-off ---------- */
.a-foot{ margin-top:3.8cqw; background:#2c2115; color:#e9dfc9; text-align:center; padding:3cqw 4cqw 3.4cqw; }
.a-foot .sig{ font-family:"Caveat", cursive; font-size:3.4cqw; color:#f3e9d2; margin:0 0 .6cqw; }
.a-foot p{ font-size:1.35cqw; color:#bfae8d; margin:0; font-family:"Archivo", sans-serif; letter-spacing:.05em; }
.a-foot a{ color:#e9dfc9; }

/* ---------- narrow frames (from the mockup's container query) ---------- */
@container (max-width: 620px){
  .a-cards{ grid-template-columns:1fr; }
  .a-hero .cap{ position:static; max-width:none; border-radius:0; }
  .a-listenrow{ margin-left:4cqw; margin-right:4cqw; }
  .a-row{ flex-wrap:wrap; }
  .a-row img{ width:20cqw; }
  .a-story .fa-story-title{ font-size:5.6cqw; }
  .fa-story-body{ font-size:2.8cqw; }
  .fa-story-body h2{ font-size:4cqw; } .fa-story-body h3{ font-size:3.6cqw; } .fa-story-body h4{ font-size:3.2cqw; }
  .a-top .site-title{ font-size:8.5cqw; }
  .a-top .tagline{ font-size:3.2cqw; }
  .a-top .est{ font-size:2.2cqw; }
  .a-nav{ font-size:2.6cqw; }
  .a-hero .fa-hero-title{ font-size:5.2cqw; }
  .a-hero p, .a-hero .standfirst{ font-size:2.8cqw; }
  .a-sec-head .fa-sec-title, .fa-year{ font-size:4.2cqw; }
  .a-card .fa-card-title{ font-size:3.6cqw; }
  .a-card p{ font-size:2.6cqw; }
  .a-row .fa-row-title{ font-size:3.4cqw; }
  .a-row p{ font-size:2.4cqw; }
  .a-listenrow .fa-listen-title{ font-size:3.8cqw; }
  .a-listenrow > p{ font-size:2.6cqw; }
  .a-foot .sig{ font-size:6cqw; }
  .a-foot p{ font-size:2.2cqw; }
  .fa-search input[type="search"], .fa-search button{ font-size:2.6cqw; }
  .a-back, .fa-prevnext a{ font-size:2.2cqw; }
  .a-story .meta, .a-story .cat{ font-size:2.2cqw; }
  .a-story .playerbox .plabel{ font-size:2cqw; }
}

@media (prefers-reduced-motion: reduce){
  .fa-site{ scroll-behavior:auto; }
}

/* ---------- homepage v1.0.5: pull-quote, Instagram strip, invitation band ---------- */
.fa-pull{ margin:2.6cqw 4cqw 0; font-family:"Newsreader", Georgia, serif; font-style:italic;
  font-size:2cqw; line-height:1.45; color:#4c3f2d;
  border-left:3px solid var(--terra); padding-left:1.6cqw; }
.a-sec-head .fa-sec-note{ font-family:"Source Serif 4", Georgia, serif; font-style:italic;
  font-size:1.4cqw; color:var(--soft); white-space:normal; text-align:right; }
.fa-igstrip{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4cqw; }
.fa-igstrip a{ display:block; border-radius:.9cqw; overflow:hidden; aspect-ratio:1/1; }
.fa-igstrip img{ width:100%; height:100%; object-fit:cover; display:block; }
.fa-ctaband{ display:grid; grid-template-columns:repeat(2,1fr); gap:2.6cqw; padding:3.6cqw 4cqw 0; }
.fa-cta{ background:var(--paper); border:1px solid var(--rule); border-radius:1.2cqw; padding:2.6cqw 2.8cqw; }
.fa-cta .kick{ font-family:"Archivo", sans-serif; font-size:1.15cqw; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--terra); margin:0 0 .8cqw; }
.fa-cta h3{ font-family:"Newsreader", Georgia, serif; font-weight:600; font-size:2.3cqw; margin:0 0 .7cqw; }
.fa-cta p{ font-size:1.45cqw; line-height:1.5; color:#55472f; margin:0 0 1.6cqw; }
.fa-btn{ display:inline-block; font-family:"Archivo", sans-serif; font-size:1.25cqw; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; padding:.9cqw 2cqw; border-radius:999px;
  border:1.5px solid var(--terra); color:var(--terra); text-decoration:none; }
.fa-btn--fill{ background:var(--terra); color:var(--paper2); }
.a-card .fa-card-title a{ color:inherit; text-decoration:none; }
@media (max-width: 700px){
  .fa-ctaband{ grid-template-columns:1fr; }
  .fa-igstrip{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .fa-pull{ font-size:19px; }
  .fa-cta h3{ font-size:22px; }
  .fa-cta p, .fa-btn{ font-size:14px; }
  .fa-cta .kick{ font-size:11px; }
  .a-sec-head .fa-sec-note{ font-size:13px; }
}